/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:32.33333333%;*width:32.22333333%;margin-right: 1%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count {color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#F33D4A;} .util-page span.gobutton,.util-page span.gobutton:hover {color:#000; background-color:#eee; } .util-page .gobutton .ion{font-size: .8em;} .util-page .count {margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea {margin:0 auto 55px; max-width:1200px; } .BdMapWrapper {position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon {position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea {display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box {display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico {display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url("../images/ico.png")/*tpa=resources/web/img/ico.png*/; *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 {background-position:-20px 0;} .ico1_3 {background-position:-40px 0;} .ico1_4 {background-position:-60px 0;} .ico1_5 {background-position:-80px 0;} .ico2_1 {background-position:0 -20px;} .ico2_2 {background-position:-20px -20px;} .ico2_3 {background-position:-40px -20px;} .ico2_4 {background-position:-60px -20px;} .ico2_5 {background-position:-80px -20px;} .ico3_1 {background-position:0 -40px;} .ico3_2 {background-position:-20px -40px;} .ico3_3 {background-position:-40px -40px;} .ico3_4 {background-position:-60px -40px;} .ico3_5 {background-position:-80px -40px;} .ico4_1 {background-position:0 -60px;} .ico4_2 {background-position:-20px -60px;} .ico4_3 {background-position:-40px -60px;} .ico4_4 {background-position:-60px -60px;} .ico4_5 {background-position:-80px -60px;} /* 常量设置 */ .wrap {width:1200px; margin-right:auto; margin-left:auto;} .mwrap {max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover {color:#e70012;} ::-moz-selection {color:#fff; background:#3cabff; } ::selection {color:#fff; background:#3cabff; } ::-webkit-input-placeholder {color:#aaa; } .placeholder {color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus {border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /*公共部分*/ .channel-content{padding:70px 0 50px;} .common-infor{text-align:center;} .common-tit{font-size:34px; color:#e70012; padding-bottom:30px; display:inline-block; line-height:1; font-weight:normal;} .common-infor.black .common-tit{color:#333;} .common-line{width:36px; height:1px; background:#a8aaae; display:block; margin:0 auto 22px;} .common-con{font-size:14px; color:#4d4d4d; line-height:30px; padding:0 5%;} .common-con p{ text-align: left;text-indent: 2em;font-size:16px;} .common-con p img{ margin-right: 10px;} /*通用-按钮-加载更多---这里只有一种形式，就是一直在加载，所以loading类名和loaded类名都一样*/ .uni_btn_more_wrap {margin:50px auto 14px; text-align:center;} .uni_btn_more_wrap .btn_load {position:relative; margin:0 auto; width:420px; height:39px; line-height:39px; font-size:14px; color:#333; text-align:center; cursor:pointer; } .uni_btn_more_wrap .btn_load .btn_loading{width:38px; height:39px; background:url("../images/btn_loaded.png")/*tpa=resources/web/img/ljx/btn_loaded.png*/ no-repeat; margin-right:14px; animation:rotating 3s linear infinite;-webkit-animation:rotating 3s linear infinite;} .uni_btn_more_wrap .btn_load .txt_loading{font-size:14px; color:#898989;} /*没有内容之后加上nomore类名*/ .uni_btn_more_wrap.nomore .btn_load {border-color:transparent; cursor:default; } .uni_btn_more_wrap.nomore .btn_load:before {content:'没有更多内容了'; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-color:#fff; z-index:3; color:#333; text-align: center; } .uni_btn_more_wrap.nomore .btn_load .btn_loading{display:none;} @keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } @-webkit-keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } /*公共部分 end*/ /***********************************ljx start**********************************/ /*transition动画*/ .trs5 {transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition:all 0.5s ease; } .trs3 {transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } /*首页*/ .a2{display: none} .ibanner{position:relative; margin-bottom:50px; padding-top:70px;} .ibanner .iban-owl .item{height:580px; overflow:hidden; position:relative;} .ibanner .iban-owl .owl-item .item img{position:absolute; left:50%; margin-left:-960px; max-width:none; width:1920px;} .ibanner .iban-owl .item{/*visibility:hidden; opacity:0;*/ display:none;} .ibanner .iban-owl.owl-loaded .item{/*visibility:visible; opacity:1;*/ display: block;} .ibanner .owl-nav{position:absolute; top:50%; left:0; color:#fff; font-size:40px; width:100%; margin-top:-23px;} .ibanner .owl-nav .owl-prev{float:left;} .ibanner .owl-nav .owl-next{float:right;} .ibanner .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:8%;width:100%; text-align:center;} .ibanner .owl-carousel .owl-dot{width:13px; height:13px; border:1px solid #fff; margin:0 5px;border-radius:20px; display:inline-block;background:#fff; transition:all 0.5s ease;} .ibanner .owl-carousel .owl-dot.active{background:#e70012; width:32px; border-color:#e70012} /*第一部分*/ .ipart01 .common-con{padding:0 4%; font-size:14px; color:#666; line-height:24px;} .ipart01 .content{margin-top:34px;} .ipart01 .content .list .li_box .mask{position:absolute; width:100%; height:100%; left:0; top:0;color:#323232;padding:8% 10%;box-sizing:border-box;} .ipart01 .content .list .li_box .mask .t{font-size:20px;margin-bottom:10px;text-align: center} .ipart01 .content .list .li_box .mask .c{font-size:13px;line-height:25px; text-align: center} .ipart01 .content .list li:hover .mask{color:#fff;background:url("../images/orange.png")/*tpa=resources/web/img/ljx/orange.png*/ repeat;} /*第二部分*/ .ipart02{position:relative; margin-top:50px;} .ipart02 .bg{position:absolute; left:0; top:0; width:100%; height:100%; display:none;} .ipart02 .bg1{background:url("../images/ipart04.jpg")/*tpa=resources/web/img/ljx/ipart04.jpg*/ center center no-repeat; display:block;} .ipart02 .bg2{background:url("../images/ipart05.jpg")/*tpa=resources/web/img/ljx/ipart05.jpg*/ center center no-repeat;} .ipart02 .bg3{background:url("../images/ipart06.jpg")/*tpa=resources/web/img/ljx/ipart06.jpg*/ center center no-repeat;} .ipart02 .box {width:100%; height:716px; position:relative; } .ipart02 .left_box {width:40%; margin-top:120px;} .ipart02 .left_box .infor {color:#fff; margin-bottom:60px; } .ipart02 .left_box .infor .tit{font-size:24px; line-height:66px;} .ipart02 .left_box .infor .con{font-size:43px;/* font-weight:bold;*/ line-height:56px;} /*.ipart02 .pd li{margin-right:30px; } .ipart02 .pd li.li4{margin-right:0;} .ipart02 .pd .icon{display:block; margin:0 auto; width:80px; height:80px; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; background-repeat:no-repeat; background-origin:border-box; background-position:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; } .ipart02 .pd .li1 .icon{background-image:url(../img/ljx/icon1.png);} .ipart02 .pd .li2 .icon{background-image:url(../img/ljx/icon2.png);} .ipart02 .pd .li3 .icon{background-image:url(../img/ljx/icon3.png);} .ipart02 .pd .li4 .icon{background-image:url(../img/ljx/icon4.png);}*/ /*图标触控效果3*/ /*旋转动画*/ @keyframes revolve{ from{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes revolve{ from{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*.ipart02 .pd li .icon:after{content:"";display:block;position:absolute;} .ipart02 .pd .li1 .icon:after{background:url(../img/ljx/icon1_move.png) no-repeat center;width:55px;height:55px;top:50%;left:50%;margin-left:-27.5px;margin-top:-27.5px;} .ipart02 .pd .li2 .icon:after{background:url(../img/ljx/icon2_move.png) no-repeat center;width:55px;height:55px;top:50%;left:50%;margin-left:-27.5px;margin-top:-27.5px;} .ipart02 .pd .li3 .icon .hide_box{position:absolute;width:100%;height:26%;bottom:16px;left:0;display:block;overflow:hidden;} .ipart02 .pd .li3 .icon .hide_box:after{background:url(../img/ljx/icon3_move.png) no-repeat center;content:"";display:block;position:absolute;bottom:-27.5px;left:0;width:45px;height:45px;left:50%;bottom:0;margin-left:-22.5px;} .ipart02 .pd .li3:hover .icon .hide_box:after{animation:revolve 2s linear infinite;-webkit-animation:revolve 2s linear infinite;animation-fill-mode: forwards;} .ipart02 .pd .li4 .icon:after{background:url(../img/ljx/icon4_move.png) no-repeat center;width:26px;height:26px;top:24px;right:19px;} .ipart02 .pd li:hover .icon:after{animation:revolve 2s linear infinite;-webkit-animation:revolve 2s linear infinite;animation-fill-mode: forwards;} .ipart02 .pd li .name{font-size:16px; color:#fff; text-align:center; position:relative; padding-bottom:2px;} .ipart02 .pd li .name:after{content:"";width:0;height:1px;background:#F33D4A;display:block;position:absolute;bottom:0;left:0;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .ipart02 .pd li:hover .name:after{width:100%;} .ipart02 .pd li:hover .name{color:#F33D4A;}*/ .ipart02 .box .right_box{position:absolute;width:50%; height:100%; right:0px; top:0; background:url("../images/black.png")/*tpa=resources/web/img/ljx/black.png*/ repeat;} .ipart02 .box .right_box li{height:239px; width:100%; position:relative; z-index:2;overflow:hidden;} .ipart02 .box .right_box li .text_box{margin-top:85px; padding-left:50px; padding-right:200px;} .ipart02 .box .right_box li:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; -webkit-transform: scaleY(0); z-index: -1; transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; /*background-color:#fff;*/ background-color:rgba(255,255,255,0.6); opacity:0;visibility:hidden; } .ipart02 .box .right_box .li1:before{background-image:url("../images/trq.png")/*tpa=resources/web/img/ljx/trq.png*/; background-position:90% 50%; background-repeat:no-repeat;} .ipart02 .box .right_box .li2:before{background-image:url("../images/dl.png")/*tpa=resources/web/img/ljx/dl.png*/; background-position:90% 50%; background-repeat:no-repeat;} .ipart02 .box .right_box .li3:before{background-image:url("../images/hb.png")/*tpa=resources/web/img/ljx/hb.png*/; background-position:90% 50%; background-repeat:no-repeat;} .ipart02 .box .right_box li .icon{display:block; width:42px; height:42px; background:url("../images/jia.png")/*tpa=resources/web/img/ljx/jia.png*/ center center no-repeat; position:absolute; right:40px; top:50%; margin-top:-21px;} .ipart02 .box .right_box li .t{font-size:20px; color:#fff; margin-bottom:5px;} .ipart02 .box .right_box li .d{font-size:16px; color:#393939; line-height:23px; display:none;} .ipart02 .box .right_box li a{display:block;} .ipart02 .box .right_box li:hover .text_box{margin-top:50px;} .ipart02 .box .right_box li:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);} .ipart02 .box .right_box li:hover .d{display:block; height:69px; overflow:hidden;} .ipart02 .box .right_box li:hover .t{color:#F33D4A;} .ipart02 .box .right_box li:hover .icon{display:none;} .ipart02 .box .right_box li.cur .text_box{margin-top:50px;} .ipart02 .box .right_box li.cur:before{-webkit-transform: scaleY(1);transform: scaleY(1); opacity:1; visibility: visible;} .ipart02 .box .right_box li.cur .d{display:block;} .ipart02 .box .right_box li.cur .t{color:#F33D4A;} .ipart02 .box .right_box li.cur .icon{display:none;} /*ie*/ .ipart02 .box .right_box li.cur {background:#fff\9\0; filter:alpha(opacity=50)} .ipart03{padding:50px 0 50px; background:#f8f8f8;} .ipart03 .rect-96{padding-bottom:96%;} .ipart03 .left{width:33%; float:left; position:relative; overflow:hidden;} .ipart03 .right{width:64%;float:right;} .ipart03 .left .owl-video .item{opacity:0; visibility:hidden; cursor:pointer;} .ipart03 .left .owl-video.owl-loaded .item{opacity:1; visibility:visible;} .ipart03 .left .video_tit{font-size:24px; text-align:center; position:relative; z-index:1;} .ipart03 .left .play_ico{display:inline-block; width:54px; height:54px; background:url("../images/ipart10.png")/*tpa=resources/web/img/ljx/ipart10.png*/ no-repeat; position:absolute; left:50%; margin-left:-27px; top:50%; margin-top:-27px; /*transition:all 0.5s ease; transition:all 0.5s ease;*/} .ipart03 .left:hover .play_ico{background-position:0 -54px;} .ipart03 .ip3_btn .owl-prev {width:20px; height:36px; background:url("../images/ipart11.png")/*tpa=resources/web/img/ljx/ipart11.png*/ no-repeat; position:absolute; left:30px; cursor:pointer; top:50%;margin-top:-18px;z-index:2;font-size:0;} .ipart03 .ip3_btn .owl-next {width:20px; height:36px; background:url("../images/ipart11.png")/*tpa=resources/web/img/ljx/ipart11.png*/ no-repeat; position:absolute; right:30px; cursor:pointer; top:50%;margin-top:-18px;z-index:2;font-size:0; background-position:-20px 0;} .ipart03 .right ul li{padding:20px; cursor:pointer;} .ipart03 .right ul li a{display:block;} .ipart03 .right ul .time_box{margin-bottom:15px;} .ipart03 .right ul .time_box .time{display:inline-block; font-size:16px; color:#161616; margin-right:10px; line-height:22px;} .ipart03 .right ul .time_box .tip{display:inline-block; line-height:22px; padding:0 10px; color:#161616; font-size:14px; } /*触控*/ .ipart03 .right ul li:hover{background:#ececec; } .ipart03 .right ul li:hover .time_box .time{color:#e55617;} .ipart03 .right ul li:hover .time_box .tip{color:#e55617;} .ipart03 .right ul li:hover .title{color:#e55617;} .ipart03 .right ul .title{font-size:16px; color:#000; line-height:1; margin-bottom:14px;} .ipart03 .right ul .info{font-size:12px; color:#666666;} .ipart04{margin:50px 0 50px; } .ipart04 .content{position:relative; /*margin-top:29px;*/} .ipart04 .content .rect-5625{padding-bottom:56.25%;} .ipart04 .content .item{position:relative; opacity:0; visibility:hidden; display:none;} .ipart04 .content .owl-loaded .item{opacity:1; visibility:visible; display:block;} .ipart04 .content .item:after{content:''; width:1px; height:210px; background:#eeeeee; position:absolute; top:0; right:-30px;} .ipart04 .content .item .txt{font-size:16px; color:#000; line-height:25px; padding:22px 22px 0; text-align:center;} .ipart04 .content .item .txt span{display:block; width:100%;} .ipart04 .content .ip4_btn>div{width: 16px; height: 28px; background: url("../images/ipart14.png")/*tpa=resources/web/img/ipart14.png*/ no-repeat; position: absolute; cursor:pointer; margin-top:-32px; z-index: 2; font-size:0; top: 50%;} .ipart04 .content .ip4_btn .owl-prev {left:-44px; background-position:0 0;} .ipart04 .content .ip4_btn .owl-next {right: -44px; background-position:-16px 0;} .ipart04 .content .ip4_btn>div:hover{background:url("../images/ipart14_cur.png")/*tpa=resources/web/img/ipart14_cur.png*/ no-repeat;} .ipart04 .content .ip4_btn .owl-next:hover{background-position:-16px 0;} /*关于我们*/ .about{padding-bottom: 0;} .about01 .content{padding-top:58px;} .about01 .content li{position:relative; margin-bottom:53px;} .about01 .content li a{display: block;} .about01 .content li:after{content:''; width:1px; height:219px; background:#f4f4f4; position: absolute; right:0; top:0; } .about01 .content .icon{width:129px; height:129px; display:block; background:url("../images/about01.png")/*tpa=resources/web/img/ljx/about01.png*/ no-repeat; margin:0 auto 22px;} .about01 .content .icon01{background-position:0 0;} .about01 .content .icon02{background-position:-129px 0;} .about01 .content .icon03{background-position:-258px 0;} .about01 .content .icon04{background-position:-387px 0;} .about01 .content .number{font-size:20px; color:#e70012; font-family:Arial; font-weight:bold; } .about01 .content .txt{font-size:14px; color:#6e6e6e; margin-top:7px; padding:0 22%; height:44px; overflow:hidden; } /*触控*/ .about01 .content li:hover .icon01{background-position:0 -129px;} .about01 .content li:hover .icon02{background-position:-129px -129px;} .about01 .content li:hover .icon03{background-position:-258px -129px;} .about01 .content li:hover .icon04{background-position:-387px -129px;} .about02{padding:42px 0 107px; background:url("../images/about02.jpg")/*tpa=resources/web/img/ljx/about02.jpg*/ no-repeat center;} .about02 .rect-143{padding-bottom:143%;} .about02 .infor{text-align:center; margin-bottom:43px;} .about02 .infor .tit{font-size:34px; color:#54504f; margin-bottom:11px;} .about02 .infor .con{font-size:14px; color:#646464; line-height:24px; } .about02 .content >.row>.span-4 {width: 31.333333%; overflow: hidden;} .about02 .content >.row>[class*="span-"]{margin-right: 2%;} .about02 li .li_box{display:block; position:relative;} .about02 li .li_box .icon{width:111px; height:83px; background:url("../images/about.png")/*tpa=resources/web/img/ljx/about.png*/ no-repeat; display: block; margin:0 auto;} .about02 li .li_box .icon01{background-position:0 0;} .about02 li .li_box .icon02{background-position:-111px 0;} .about02 li .li_box .icon03{background-position:-222px 0;} .about02 li .li_box .t{font-size:28px; color:#fff; font-weight:bold; text-align:center; margin-top:8px;} .about02 li .li_box .add{position:absolute; left:50%; margin-left:-39px; top:50%; margin-top:-45px; opacity:1; visibility:visible; z-index: 2} .about02 li .li_box .cover{width:100%; height:100%; position:absolute; background:#e70012; background:rgba(231,0,18,0.8); top:0; left:0; text-align:center; opacity:0;visibility:hidden; z-index: 3} .about02 li .li_box .cover .con{margin-top:69px; padding:0 5%; text-align:left;} .about02 li .li_box .cover .con .list{margin-top:18px; height:210px;} .about02 li .li_box .cover .con .list_li{width:48%; float:left;} .about02 li .li_box .cover .con .list_li.odd{margin-right:4%;} .about02 li .li_box .cover .con .list_li a{font-size:16px; color:#fff; line-height:42px; display:block;} .about02 li .li_box .cover .jt{width:47px ;height:32px; background:url("../images/about07.png")/*tpa=resources/web/img/ljx/about07.png*/ no-repeat; float:right; margin-top:20px;} .about02 .mengban{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; bottom:0; z-index:1} /*触控*/ .about02 li .li_box:hover .add{opacity:0; visibility:hidden;} .about02 li .li_box:hover .cover{opacity:1; visibility:visible;} .about02 li.active .li_box .add{opacity:0; visibility:hidden;} .about02 li.active .li_box .cover{opacity:1; visibility:visible;} .about02 li.li03 .li_box .cover .con .list_li.even{width:30%;} .about02 li.li03 .li_box .cover .con .list_li.odd{margin-right:6%;} /*投资报告*/ .report01 .content .list li{float:left; width:23%; } .report01 .content .list li.li1{width:8%;} .report01 .content .list {border-bottom:1px solid #e0e1e2; border-top:1px solid #e0e1e2; margin-top:-1px;} .report01 .content .list.hideReport{display: none;} .report01 .content .list01{border-top:2px solid #51555e; margin-top:0; background:#f7f7f8;} .report01 .content .list li .title{display:block; padding:15px 0 14px; font-size:17px; color:#e70012;line-height:24px;height:24px;} .report01 .content .list li.li1 .title{padding-left:21px; opacity:0; visibility:hidden;} .report01 .content .list li .con{font-size:15px; padding:20px 0; min-height:60px;} .report01 .content .list li .con .txt{line-height:30px; display:block; width:100%;} .report01 .content .list li.li1 .con{font-size:18px; color:#1f1f1f; font-family:Arial; padding-left:21px; line-height:34px;} .report01 .btn_show{font-size:14px; color:#646464; text-align:center; margin-top:18px; position:relative; padding-bottom:25px;} .report01 .btn_show a{display:block;} .report01 .btn_show:after{content:''; width:140px; height:10px; background:url("../images/report01.png")/*tpa=resources/web/img/ljx/report01.png*/ no-repeat; position:absolute; left:50%; margin-left:-70px; bottom:0;} .report02 {margin-top:62px; padding-bottom:57px;} .report02 .title{font-size:26px; color:#e70012; text-align:center; margin-bottom:20px;} .report02 .list_ul{border-top:2px solid #51555e;} /*.report02 .list_ul li .li_box{}*/ .report02 .li_box .tit{font-size:18px; color:#1f1f1f; font-family:Arial; padding:15px 0 11px; border-bottom:1px solid #e0e1e2; padding-left:20px; background:#f7f7f8;} .report02 .li_box .con ul li{padding:12px 0; border-bottom:1px solid #e0e1e2;} .report02 .li_box .con ul li .li_left{float:left; width:64%;} .report02 .li_box .con ul li .li_left .txt{font-size:15px; color:#6e6e6e; line-height:25px; padding-left:20px; width: 70%;} .report02 .li_box .con ul li .li_left .date{font-size:14px; color:#a1a1a1; font-family:Arial; line-height:25px; position:relative; padding-left:29px;} .report02 .li_box .con ul li .li_left .date:after{content:''; width:13px; height:13px; background:url("../images/report02.png")/*tpa=resources/web/img/ljx/report02.png*/ no-repeat; position:absolute; left: 0; top: 50%; margin-top:-8px;} .report02 .li_box .con ul li .li_right{float:right; width:36%;} .report02 .li_box .con ul li .li_right a{float:right; display:block; margin:0 23px 0 38px; position:relative; padding-left:27px; font-size:14px; color:#a0a0a0;} .report02 .li_box .con ul li .li_right a:after{content:''; width:18px; height:18px; background:url("../images/report03.png")/*tpa=resources/web/img/ljx/report03.png*/ no-repeat; position:absolute; left:0; top:50%; margin-top:-9px;} .report02 .li_box .con ul li .li_right a.look:after{background-position:-18px 0;} .report02 .li_box .con ul li .li_right a.down:after{background-position:0 0;} .report02 .li_box .con{display:none;} /*投资者关系*/ .relation01{padding-bottom:30px;} .relation01 .rect-113{padding-bottom: 113%;} .relation01 .content {margin-top:58px;} .relation01 .content .left{float:left; width:50%;} .relation01 .content .right{float:right; width:50%;} .relation01 .right .r_top{height: 262px; overflow: hidden; background:#fafafa;} .relation01 .right .r_top .box{padding:27px 55px 39px 52px;} .relation01 .right .r_top .box .stock{padding-bottom:14px; border-bottom:1px solid #e0e1e2;} .relation01 .right .r_top .box .stock .name, .relation01 .right .r_top .box .stock .stock_code{font-size:18px; color:#3c3c3c; margin-right:6px; display:inline-block;} .relation01 .right .r_top .box .stock .stock_num{font-size:36px; color:#ff0000; font-family:Arial; margin-left:14px; line-height:1;} .relation01 .right .r_top .box .stock .stock_num i{width:17px; height:23px; background:url("../images/relation02.png")/*tpa=resources/web/img/ljx/relation02.png*/ no-repeat; display:inline-block;} .relation01 .right .r_top .box .stock .stock_num i span{display: none;} .relation01 .right .r_top .box .stock .stock_num i.up{background-position:0 0;} /*.relation01 .right .r_top .box .stock .stock_num i.down{background-position:0 -23px;} .relation01 .right .r_top .box .stock .stock_num i.unchange{background:none} .relation01 .right .r_top .box .stock .stock_num i.unchange span{display:inline-block;}*/ .relation01 .right .r_top .box .stock.down .stock_num i{background-position:0 -23px;} .relation01 .right .r_top .box .stock.down .stock_num{color:#008000;} .relation01 .right .r_top .box .stock.down .number .num{color:#008000;} .relation01 .right .r_top .box .stock.unchange .stock_num i{background:none} .relation01 .right .r_top .box .stock.unchange .stock_num i span{display:inline-block;} .relation01 .right .r_top .box .stock .number{display:inline-block; margin-left:21px;} .relation01 .right .r_top .box .stock .number .num{font-size:14px; color:#ff0000; font-family:Arial;} .relation01 .right .r_top .box .information{padding-top:36px;} .relation01 .right .r_top .box .information li{margin-bottom:24px;} .relation01 .right .r_top .box .information li .t{font-size:14px; color:#787878; } .relation01 .right .r_top .box .information li .c{font-size:22px; color:#1d314e; font-family:Arial;} .relation01 .right .r_top .box .information .date{font-size:13px; color:#b9b9b9;} .relation01 .right .r_top .box .information .date .time{padding:0 7px 0 4px;} .relation01 .right .r_bott{padding-top:43px;} .relation01 .right .r_bott .rect-58{padding-bottom:58%;} .relation01 .right .r_bott .tab_t_box{padding-left:54px; margin-bottom:29px;} .relation01 .right .r_bott .tab_t_box .tab_t{width:20%; float:left;} .relation01 .right .r_bott .tab_t_box .tab_t.tab_t_cur{color:#e70012;} .relation01 .right .r_bott .tab_c_box{padding-left:47px;} .relation01 .right .r_bott .tab_c{opacity:0; visibility:hidden;} .relation01 .right .r_bott .tab_c.tab_c_cur{opacity:1; visibility:visible;} /*公司新闻*/ .news_list01 .rect-70{padding-bottom:71%;} .news_list01 .content{margin-top:27px;} .news_list01 .content .left{width:50%; float:left;} .news_list01 .content .left .tab_c_box{margin-right:5%; position:relative;} .news_list01 .content .left .tab_c{opacity:0; visibility:hidden;} .news_list01 .content .left .tab_c.tab_c_cur{opacity:1; visibility:visible;} .news_list01 .content .right{width:50%; float:right; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;} .news_list01 .content .right .tab_t {border-bottom:1px solid #a0a0a0; border-bottom-color:rgba(160,160,160,0.14);} .news_list01 .content .right .tab_t a.infor{display:block;line-height:24px; padding-left:14px; margin-right:25px; position:relative;} .news_list01 .content .right .tab_t .tit {margin:29px 0 14px;} .news_list01 .content .right .tab_t .tit .intro{font-size:17px; color:#1f1f1f; width:75%;} .news_list01 .content .right .tab_t .tit .date{font-size:13px; color:#8c8c8c;} .news_list01 .content .right .tab_t .con{font-size:13px; color:#555; margin-bottom:26px; height:48px; overflow:hidden;} .news_list01 .content .right .tab_t .jt{width:7px; height:12px; display:inline-block; background:url("../images/news_list02.png")/*tpa=resources/web/img/ljx/news_list02.png*/ no-repeat; position:absolute; right:0; bottom:0; opacity:0; visibility:hidden;} .news_list01 .content .right .tab_t.tab_t_cur .tit .intro{color:#e70012;} .news_list01 .content .right .tab_t.tab_t_cur .tit .date{color:#e70012;} .news_list01 .content .right .tab_t.tab_t_cur .jt{opacity:1; visibility:visible;} .news_list01 .content .left .arr_btn{position:absolute; right:8%; bottom:22px;} .news_list01 .content .left .arr_btn span{display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; margin-left:8px; cursor:pointer;} .news_list01 .content .left .arr_btn span.cur{background:#fff;} .news_list02{margin-top:42px; min-height:300px;} .news_list02 .year{border-top:2px solid #51555e; position:relative;} .news_list02 .year .latest_year{font-size:18px; color:#1f1f1f; /*font-family:Arial; */background:#f7f7f8; padding-left:20px; line-height:54px; position:relative; border-bottom:1px solid #e0e1e2; cursor:pointer;} .news_list02 .year ul{width:100%; background:#f7f7f8; position:absolute; left:0; top:100%; display:none; z-index:5;} .news_list02 .year ul li a{display:block; padding:3px 20px;} .news_list02 .content li{border-bottom:1px solid #e0e1e2;} .news_list02 .content li a{display:block; padding:30px 24px 30px 20px;} .news_list02 .content li .date{float:left; width:6.5%; padding:6px 0 19px; color:#8b8b8b; font-family:Arial; position:relative; line-height:22px;} .news_list02 .content li .date .d{font-size:17px;} .news_list02 .content li .date .y{font-size:13px;} .news_list02 .content li .date:after{content:''; width:1px; height:69px; background:#d7d7d7; position:absolute; top:0; right:0;} .news_list02 .content li .infor{float:left;width:88%; padding:5px 0 4px;} .news_list02 .content li .infor .tit{font-size:17px; color:#1f1f1f; line-height:24px; padding-left:25px; margin-bottom:11px;} .news_list02 .content li .infor .con{font-size:13px; color:#8c8c8c; line-height:24px; padding-left:25px;} .news_list02 .content li .icon{width:38px; height:50px; background:url("../images/news_list03.png")/*tpa=resources/web/img/ljx/news_list03.png*/ no-repeat; float:right; margin-top:12px;} /*触控*/ .news_list02 .content li:hover .date{color:#e70012;} .news_list02 .content li:hover .icon{background-position:-38px 0;} .news_list02 .content li:hover .infor .tit{color:#e70012;} .news_list02 .content li:hover .infor .con{color:#e70012;} /*业务栏目*/ /*工程咨询和工程设计等的公共表单*/ .common-form{background:#f2f2f2; padding:110px 0 73px;} .common-form .left{float:left; width:35%;} .common-form .right{float:left; width:65%;} .common-form .left .l_box{padding-left:26px; padding-right:62px;} .common-form .left .l_box .tit{font-size:26px; line-height:46px; color:#3A3A3A; padding-right:0px; margin-bottom:23px;} .common-form .left .l_box .con{line-height:28px;} .common-form .right .r_box label{display:block; font-size:19px; margin-bottom:16px;} .common-form .right .r_box .form_in{margin-bottom:13px; font-size:0; color:#555;} .common-form .right .r_box input{padding: 13px 0 11px; width:89%; text-indent:15px; /*margin-right:3%;*/ font-size:14px; border:1px solid #cccccc; background:transparent;} .common-form .right .r_box textarea{width:89.5%; height:81px; font-size:14px; padding: 10px 0; text-indent:15px; border:1px solid #cccccc; background:transparent;} .common-form .right .r_box .btn{width:102px; height:40px; line-height:40px; text-align:center; background:#e70012; color:#fff; padding:0; margin-top:5px;outline:none; box-shadow:none; border-radius:0;} /*工程咨询和工程设计等的公共表单 end*/ /********************工程咨询*********************/ .engineering_infor{padding-bottom:0;} .engineering_infor02{/*height:550px;*/ background:url("../images/later/engineering01.jpg")/*tpa=resources/web/img/later/engineering01.jpg*/ no-repeat; overflow:hidden; padding: 67px 0 60px; margin-top:65px; background-size:cover;} .engineering_infor02 .rect-60{padding-bottom:60%;} .engineering_infor02 .tab_t{width:25%; float:left; height:88px; background:#fff; background:rgba(255,255,255,0.5); text-align:center; line-height:88px; position:relative;} .engineering_infor02 .tab_t:after{content:''; width:1px;height:100%; background:#fff; right:0; top:0; position:absolute;} .engineering_infor02 .tab_t.tab_t4:after{display:none;} .engineering_infor02 .tab_t .icon{display:inline-block; width:37px; height:37px; vertical-align:middle; background:url("../images/later/engineering03.png")/*tpa=resources/web/img/later/engineering03.png*/ no-repeat;} .engineering_infor02 .tab_t .icon01{background-position:0 -37px;} .engineering_infor02 .tab_t .icon02{background-position:-37px -37px;} .engineering_infor02 .tab_t .icon03{background-position:-74px -37px;} .engineering_infor02 .tab_t .icon04{background-position:-111px -37px;} .engineering_infor02 .tab_t span{display:inline-block; font-size:20px; color:#393333; padding-left:15px; vertical-align: middle;} .engineering_infor02 .tab_t.tab_t_cur{background:#fff; background: rgba(255,255,255,0.8)} .engineering_infor02 .tab_t.tab_t_cur span{font-weight:bold; color:#F0551D;} .engineering_infor02 .tab_c{background:#fff; background: rgba(255,255,255,0.8); opacity:0; visibility:hidden; } .engineering_infor02 .tab_c.tab_c_cur{opacity:1; visibility:visible;} .engineering_infor02 .tab_c .box{padding:50px 66px 50px 46px;} .engineering_infor02 .tab_c .box .left{float:left; width:36%;} .engineering_infor02 .tab_c .box .right{float:right; width:64%;} .engineering_infor02 .tab_c .box .right .infor{padding:40px 66px;} .engineering_infor02 .tab_c .box .right .infor .c{font-size:14px; line-height:29px; height:145px; overflow:hidden;} /*触控*/ .engineering_infor02 .tab_t.tab_t_cur .icon01{background-position:0 0px;} .engineering_infor02 .tab_t.tab_t_cur .icon02{background-position:-37px 0px;} .engineering_infor02 .tab_t.tab_t_cur .icon03{background-position:-74px 0px;} .engineering_infor02 .tab_t.tab_t_cur .icon04{background-position:-111px 0px;} /***************************工程设计***********************/ .engineering_design{padding-bottom:0;} .engineering_design01 .common-con{padding:0 2%;} .engineering_design01 .content{margin-top:50px; margin-bottom:74px;} .engineering_design01 .content .rect-134{padding-bottom:134%;} .engineering_design01 .content >ul>li a{display:block;} .engineering_design01 .content >ul>li .cover{width:100%; height:100%; background:url("../images/later/orange.png")/*tpa=resources/web/img/later/orange.png*/ repeat; position:absolute; left:0; top:0; opacity:0; visibility:hidden; z-index:2} .engineering_design01 .content >ul>li .infor{padding: 89px 11% 30px; position:relative; line-height:24px; color:#fff; z-index:3;} .engineering_design01 .content >ul>li .infor .tit{font-size:26px; font-weight:bold; position:relative; padding-bottom:21px; text-align:center;} .engineering_design01 .content >ul>li .infor .tit:after{content:''; width:326px; height: 1px; background:#fff; background:rgba(255,255,255,0.4); position:absolute; left:50%; margin-left:-163px; bottom:0;} .engineering_design01 .content >ul>li .infor .con{font-size:14px; margin-top:24px; margin-bottom:20px;} .engineering_design01 .content >ul>li .list{height:264px; overflow:hidden;} .engineering_design01 .content >ul>li .list li{width:50%; float:left; line-height:30px; font-size:14px;} .engineering_design01 .content >ul>li .list li.last{width:100%;} /*触控*/ .engineering_design01 .content >ul>li:hover .cover{opacity:1; visibility:visible;} /*************************工程采购*************************/ .engineering_buy{padding-bottom:0;} .engineering_buy01{margin-bottom:60px;} .engineering_buy01 .content{margin-top:40px;} .engineering_buy01 .content li{margin-bottom:1%;} .engineering_buy01 .content .icon{display:inline-block; width:45px; height:38px; background:url("../images/later/engineering_buy01.png")/*tpa=resources/web/img/later/engineering_buy01.png*/ no-repeat; vertical-align:middle;} .engineering_buy01 .content .icon01{background-position:0 0;} .engineering_buy01 .content .icon02{background-position:-45px 0;} .engineering_buy01 .content .icon03{background-position:-90px 0;} .engineering_buy01 .content .icon04{background-position:-135px 0;} .engineering_buy01 .content .tit{font-size:20px; color:#fff; display:inline-block; vertical-align:middle; padding-left:5px;} .engineering_buy01 .content .infor{position:absolute; bottom:28px; left:50px; opacity:1; visibility:visible;} .engineering_buy01 .content .cover{width:100%; height:100%; position:absolute; background:url("../images/later/orange.png")/*tpa=resources/web/img/later/orange.png*/ repeat; background:rgba(231,0,18,0.8); top:0; left:0; opacity:0; visibility:hidden;} .engineering_buy01 .content .cover .cover_box{padding: 89px 26% 20% 9%;} .engineering_buy01 .content .cover .cover_box .con{font-size:14px; color:#fff; line-height:26px; margin-top:4px; /*height:78px;*/ overflow:hidden;} /*触控*/ .engineering_buy01 .content li:hover .infor{opacity:0; visibility:hidden;} .engineering_buy01 .content li:hover .cover{opacity:1; visibility:visible;} /*************************施工管理***************************/ .construction_manage{padding-bottom:0;} .construction_manage02{margin-top:50px; padding:67px 0 107px; background:url("../images/construction_manage01.jpg")/*tpa=resources/web/img/later/construction_manage01.jpg*/ no-repeat center;} .construction_manage02 .infor{text-align:center; line-height:24px;} .construction_manage02 .infor .tit{font-size:30px; color:#333; margin-bottom:18px;} .construction_manage02 .infor .con{font-size:16px; color:#616161;} .construction_manage02 .content{margin-top:58px;} .construction_manage02 .content li .rect-120{padding-bottom:120%;} .construction_manage02 .content li{width:18.9%; float:left; margin-right:1.3%; background:#fff; background:rgba(255,255,255,0.6); text-align:center;} .construction_manage02 .content li.li5{margin-right:0;} .construction_manage02 .content li a{display:block; ;} .construction_manage02 .content li .li_box{padding: 64px 14px 20px 20px} .construction_manage02 .content li .t{font-size:18px; color:#333; line-height:22px; position:relative; padding-bottom:13px; margin-bottom:21px;} .construction_manage02 .content li .t:after{content:''; width:80px; height:1px; background:#C4C4C2; background:rgba(0,0,0,0.2); left:50%; margin-left:-40px; bottom:0; position:absolute;} .construction_manage02 .content li .c{font-size:14px; color:#666; line-height:22px; height:88px; overflow:hidden;} /*触控*/ .construction_manage02 .content li:hover{background:#e70012; background:rgba(231,0,18,0.8);} .construction_manage02 .content li:hover .t{font-weight:bold; color:#fff;} .construction_manage02 .content li:hover .c{color:#fff;} .construction_manage02 .content li:hover .t:after{background:rgba(255,255,255,0.6);} /*模块制造*/ .module_made{padding-bottom:0;} .module_made01 .content{margin-top:49px; margin-bottom:75px;} .module_made01 .content .txt_box{text-align:center;} .module_made01 .content .txt_box li{width:50%; float:left; position:relative;} .module_made01 .content .txt_box li.li01:after{content:''; width:1px; height:59px; background:#ccc; position:absolute; right:0; top:50%; margin-top:-29px;} .module_made01 .content .txt_box li .icon{width:57px; height:57px; background:url("../images/later/module_made01.png")/*tpa=resources/web/img/later/module_made01.png*/ no-repeat; display:inline-block; vertical-align:middle;} .module_made01 .content .txt_box li.li01 .icon{background-position:0 0;} .module_made01 .content .txt_box li.li02 .icon{background-position:-57px 0;} .module_made01 .content .txt_box span{font-size:16px; color:#666; display:inline-block; vertical-align:middle; padding-left:35px;} .module_made01 .content .img_box{margin-top:74px;} .module_made01 .content .img_box .rect-477{padding-bottom: 47.7%;} .module_made01 .content .img_box li{float:left; width:49%;} .module_made01 .content .img_box li.li01{margin-right:2%;} .module_made01 .content .img_box li .title{font-size:20px; color:#fff; position:absolute; left:50px; bottom:36px; opacity:1; visibility:visible;} .module_made01 .content .img_box li .cover{width:100%; height:100%; background:url("../images/later/orange.png")/*tpa=resources/web/img/later/orange.png*/ repeat; left:0; top:0; z-index: 4;position:absolute; opacity:0; visibility:hidden;} .module_made01 .content .img_box li .cover .infor{padding: 90px 18% 0 8%; line-height:26px; color:#fff;} .module_made01 .content .img_box li .cover .infor .tit{font-size:20px; margin-bottom:14px;} .module_made01 .content .img_box li .cover .infor .con{font-size:14px; height:78px; overflow:hidden;} /*触控*/ .module_made01 .content .txt_box li:hover .icon{transform: rotateY(180deg); } .module_made01 .content .img_box li:hover .cover{opacity:1; visibility:visible;} .module_made01 .content .img_box li:hover .title{opacity:0; visibility:hidden;} .module_made02 {background:#f3f3f3; padding:62px 0 87px;} .module_made02 .tab_t_box .tab_t{width:49.5%; float:left; text-align:center; position:relative; padding-bottom: 21px;} .module_made02 .tab_t_box .tab_t01{margin-right:1%;} .module_made02 .tab_t_box .tab_t .icon{display:inline-block; width:27px; height:30px; background:url("../images/later/module_made04.png")/*tpa=resources/web/img/later/module_made04.png*/ no-repeat; vertical-align:middle; margin-right:6px;} .module_made02 .tab_t_box .tab_t.tab_t01 .icon{background-position:0 -30px;} .module_made02 .tab_t_box .tab_t.tab_t02 .icon{background-position:-27px -30px;} .module_made02 .tab_t_box .tab_t span{display:inline-block; font-size:22px; line-height:22px; vertical-align:bottom;} .module_made02 .tab_t_box .tab_t .tab_line{width:100%; height:3px; background:#676767; position:absolute; bottom:0;} .module_made02 .tab_c_box >.tab_c{min-height:300px; margin-top:60px; display:none;} .module_made02 .tab_c_box >.tab_c.tab_c_cur{display:block;} .module_made02 .tab_c_box>.tab_c .left{width:22%; float:left; margin-right:3%;} .module_made02 .tab_c_box>.tab_c .right{width:75%; float:right; height: 100%; background: #fff} .module_made02 .tab_c_box>.tab_c .left li{margin-bottom:65px; position:relative; border-radius:25px; background:transparent; cursor:pointer;} .module_made02 .tab_c_box>.tab_c .left li .num{display:inline-block; width:45px; height:45px; border-radius:50%; border:1px solid #e70012; font-size:18px; font-family:Arial; color:#e70012; text-align:center; line-height:45px; position:relative; z-index:2} .module_made02 .tab_c_box>.tab_c .left li .txt{display:inline-block; font-size:14px; color:#666; margin-left:20px;} .module_made02 .tab_c_box>.tab_c .left li .num:after{content:''; width:1px; height:66px; background:#e70012; position:absolute; top:100%; left:50%;} .module_made02 .tab_c_box>.tab_c .left li:last-child .num:after{display:none;} /*.module_made02 .tab_c_box>.tab_c .left li.li05 .num:after{display:none;}*/ .module_made02 .tab_c_box>.tab_c .right li{display:none;} .module_made02 .tab_c_box>.tab_c .right li.active{display:block;} .module_made02 .tab_c_box>.tab_c .right li .infor{padding:54px 26px 35px 20px;} .module_made02 .tab_c_box>.tab_c .right li .tit{font-size:24px; color:#333; text-align:center; line-height:22px; padding-bottom:31px;} .module_made02 .tab_c_box>.tab_c .right li .con{height:490px; overflow:hidden; position:relative;} .module_made02 .tab_c_box>.tab_c .right li .con .con_txt{margin-right:20px;} .module_made02 .tab_c_box>.tab_c .right li .con_top{font-size:14px; line-height:26px; color:#333; text-align:justify; padding:0 40px; margin-bottom:55px;} .module_made02 .tab_c_box>.tab_c .right li .con_bott{margin-right:14px; background:#F7F7F7;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .box{padding:29px 59px 39px 45px;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .box_l{width:47%; float:left;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .box_r{width:53%; float:right;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .box_r .fonts{padding-top:16px; padding-left:34px;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .box_r .fonts .t{font-size:18px; color:#333; margin-bottom:18px;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .box_r .fonts .c{font-size:13px; color:#666; line-height:24px;} .module_made02 .tab_c_box>.tab_c .right li .con_bott .text{font-size:13px; color:#666; line-height:24px; margin-top:30px; float:left;} .module_made02 .tab_c_box>.tab_c .right li .con.scrollbar-ui .scroll_slider{height:43px; background:#e70012; width:7px!important; left: -3px;} .module_made02 .tab_c_box>.tab_c .right li .con.scrollbar-ui .scroll_bar{right:7px!important;} .module_made03{background:#fff;} .module_made02 .tab_c_box >.tab_c .box{background:#fff; padding: 20px 30px;} /*选中状态*/ .module_made02 .tab_t_box .tab_t01.tab_t_cur .icon{background-position:0 0;} .module_made02 .tab_t_box .tab_t02.tab_t_cur .icon{background-position:-27px 0;} .module_made02 .tab_t_box .tab_t.tab_t_cur span{color:#e70012;} .module_made02 .tab_t_box .tab_t.tab_t_cur .tab_line{background:#e70012;} .module_made02 .tab_c .left li.cur:after{content:''; width:6px; height:11px; background:url("../images/later/module_made06.png")/*tpa=resources/web/img/later/module_made06.png*/ no-repeat; position:absolute; top:50%; margin-top:-5px; right:21px;} .module_made02 .tab_c .left li.cur{border-radius:25px; background:#e70012} .module_made02 .tab_c .left li.cur .num{color:#fff;} .module_made02 .tab_c .left li.cur .txt{color:#fff;} /*商业道德&合规*/ .business01 .content{margin-top:50px;} .business01 .common-con{padding:0 8%; text-align:justify;} /*新闻详细*/ .news_detail .iconfont {color:#676767; } .news_detail .n_left {width:66.8%; float:left; } .news_detail ._head ._title {font-size:34px; font-weight:bold; color:#000000; margin-bottom:10px;} .news_detail ._tools {font-size:0; color:#7e7e7e; margin-bottom:15px;} .news_detail ._tools ._tool{font-size:12px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; vertical-align: middle; } .news_detail ._tools .iconfont {font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .news_detail ._tools b {font-weight:normal; } .news_detail ._tools #switcher {margin-left:10px; } .news_detail ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;} .news_detail ._tools #switcher .iconfont {font-size:15px; } .news_detail ._tools .bds_more {float:none; background:none; padding:0;} .news_detail .myart {line-height:2; min-height:200px; font-size:16px; color:#555555; } .news_detail .n_right {width:27.5%; float:right; /*padding-top:90px; */} .news_detail .n_right ._tools {text-align:right; } .news_detail ._tools ._back {font-size:20px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:40px; vertical-align:middle;} .news_detail ._tools ._back .iconfont {font-weight:normal; vertical-align:0; } .news_detail ._tools .share, .news_detail ._tools .print {width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px; vertical-align:middle; display: inline-block;} .news_detail ._tools .share:hover, .news_detail ._tools .print:hover {background-color:#e70012; } .news_detail ._tools .share .iconfont, .news_detail ._tools .print .iconfont {font-size:18px; color:#ffffff; } .news_detail ._tools .share:hover .iconfont, .news_detail ._tools .print:hover .iconfont {color:#ffffff; } .news_detail ._tools .share .iconfont {font-size:20px; } .news_detail ._detailPage_bottom li strong, .news_detail ._detailPage_bottom li span, .news_detail ._detailPage_bottom li a{display:block;} .news_detail ._detailPage_bottom{margin-top:45px; border:#f3f3f3 10px solid; } .news_detail ._detailPage_bottom ul{padding:10px 7%;} .news_detail ._detailPage_bottom li ._mark{padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; } .news_detail ._detailPage_bottom ._date{height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767; } .news_detail ._detailPage_bottom ._date .iconfont {font-size:20px; height:30px; vertical-align:-2px; margin-left:0;} .news_detail ._detailPage_bottom li ._title:hover {color:#e70012; } .news_detail ._detailPage_bottom li ._title {font-size:16px; font-weight:bold; color:#5c5c5c; } .news_detail ._detailPage_bottom li {padding: 27px 0; } .news_detail ._detailPage_bottom li._prev{border-bottom:1px #ececec solid; } /*投资者互动*/ .investor_contact01{/*margin-top:42px;*/ min-height:300px;} .investor_contact01 .year{border-top:2px solid #51555e; position:relative;} .investor_contact01 .year .latest_year{font-size:18px; color:#1f1f1f; background:#f7f7f8; padding-left:20px; line-height:54px; position:relative; border-bottom:1px solid #e0e1e2; cursor:pointer;} .investor_contact01 .year ul{width:100%; background:#f7f7f8; position:absolute; left:0; top:100%; display:none; z-index:5;} .investor_contact01 .year ul li a{display:block; padding:3px 20px;} .investor_contact01 .content li{border-bottom:1px solid #e0e1e2;} .investor_contact01 .content li a{display:block; padding:30px 24px 30px 20px;} .investor_contact01 .content li .date{float:left; width:6.5%; padding:6px 0 19px; color:#8b8b8b; font-family:Arial; position:relative; line-height:22px;} .investor_contact01 .content li .date .d{font-size:17px;} .investor_contact01 .content li .date .y{font-size:13px;} .investor_contact01 .content li .date:after{content:''; width:1px; height:69px; background:#d7d7d7; position:absolute; top:0; right:0;} .investor_contact01 .content li .infor{float:left;width:88%; padding:5px 0 4px;} .investor_contact01 .content li .infor .tit{font-size:17px; color:#1f1f1f; line-height:24px; padding-left:25px; margin-bottom:11px;} .investor_contact01 .content li .infor .con{font-size:13px; color:#8c8c8c; line-height:24px; padding-left:25px;} .investor_contact01 .content li .icon{width:38px; height:50px; background:url("../images/news_list03.png")/*tpa=resources/web/img/ljx/news_list03.png*/ no-repeat; float:right; margin-top:12px;} /*触控*/ .investor_contact01 .content li:hover .date{color:#e70012;} .investor_contact01 .content li:hover .icon{background-position:-38px 0;} .investor_contact01 .content li:hover .infor .tit{color:#e70012;} .investor_contact01 .content li:hover .infor .con{color:#e70012;} /*社会责任*/ .social_respon01 .content{margin-top:50px;} .social_respon01 .content li{background:#f8f8f8; margin-bottom:50px;} .social_respon01 .content li.last{margin-bottom:0;} .social_respon01 .content li .left{width:60%;} .social_respon01 .content li .right{width:40%;} .social_respon01 .content li .left .left_box{padding:5% 9% 0% 10%; text-align:justify;} .social_respon01 .content li .left .left_box .tit{font-size:26px; color:#000; margin-bottom:15px;} .social_respon01 .content li .left .left_box .con{font-size:13px; color:#656464; line-height:22px; height:132px; overflow:hidden;} /*媒体看豫耐*/ .circle_more{line-height:28px;} .circle_more .icon{display:inline-block; width:28px; height:28px; background:url("../images/later/media02.png")/*tpa=resources/web/img/later/media02.png*/ no-repeat; vertical-align:middle; margin-right:8px;} .circle_more span{display:inline-block; font-size:15px; color:#474747; vertical-align:middle;} .circle_more:hover span{color:#e70012;} .media01{position:relative;} .media01 .owl-carousel{margin-top:50px;} .media01 .item {background:#f6f6f6; display:none;} .media01 .owl-loaded .item{display:block;} .media01 .item .left{width:50%;} .media01 .item .right{width:50%;} .media01 .item .left .rect-58{padding-bottom:58%;} .media01 .item .right .r_box{padding:53px 100px 69px 35px; /*text-align:justify;*/} .media01 .item .right .r_box .date{font-size:14px; color:#555; font-family:Arial; margin-bottom:5px;} .media01 .item .right .r_box .tit{font-size:20px; line-height:30px; color:#000; margin-bottom:15px;} .media01 .item .right .r_box .con{font-size:13px; line-height:24px; color:#6b6b6b; margin-bottom:22px; height:72px; overflow:hidden;} .media01 .owl-nav{position:absolute; top:50%; left:0; color:#acacac; font-size:40px; width:100%; margin-top:-23px;} .media01 .owl-nav .owl-prev{float:left;} .media01 .owl-nav .owl-next{float:right;} .media02{margin-top:72px;} .media02 .rect-534{padding-bottom:53.4%;} /*.media02 ul{margin-left:-4%;}*/ .media02 li{width:32%; margin-right:2%; float:left; margin-bottom:30px;} .media02 li.three{margin-right:0;} .media02 li:nth-child(3n){margin-right:0;} .media02 li .li_bott{border:1px solid #ededed; border-top:none; transition:all 0.5s ease;} .media02 li .li_bott .infor{line-height:30px; padding:22px 12px 39px 20px;} .media02 li .li_bott .infor .tit{font-size:20px; color:#2e2e2e; height:60px; overflow:hidden;} .media02 li .li_bott .infor .date{font-size:14px; color:#929292;} .media02 li .li_bott .infor .date span{display:inline-block; vertical-align:middle;} .media02 li .li_bott .infor .con{font-size:12px; color:#929292; line-height:23px; height:46px; overflow:hidden;} .media02 .uni_btn_more_wrap{margin-top:0;} /*触控*/ .media02 li:hover .li_bott{box-shadow:0px 3px 10px #ededed; transition:all 0.5s ease;} .media02 li:hover .infor .tit{color:#e70012;} /*HSE*/ .HSE{padding-bottom:0;} .HSE01 .small_title{font-size:20px; color:#4d4d4d;} .HSE01 .content{margin-top:50px;} .HSE01 .content .item{width:49%; float:left; margin-right:1%;} .HSE01 .content .item .img_{width:38%; margin-right:2.5%; position:relative; cursor:pointer; border:1px solid #e70012;} .HSE01 .content .item .img_ i{position:absolute; font-size:20px; right:5px; bottom:5px; padding:0; margin:0;} .HSE01 .content .item .infor{width:59%; float:left;} .HSE01 .content .item .infor .tit{font-size:18px; color:#e70012; line-height:1; margin-bottom:8px;} .HSE01 .content .item .infor .con{font-size:14px; color:#4d4d4d; line-height:26px; height:280px; overflow:hidden; position:relative; padding-right:3%;} .HSE01 .content .item .infor .con li{padding:0 20px; line-height:36px; position:relative;} .HSE01 .content .item .infor .con li:after{content:''; width:6px; height:6px; background:#e70012; position:absolute; top:0; left:0; margin:15px 0 0 5px; border-radius:10px;} .HSE01 .content .item .infor .con.scrollbar-ui .scroll_slider{height:43px; background:#e70012; width:7px!important; left: -3px;} .HSE01 .content .item .infor .con.scrollbar-ui .scroll_bar{right:3px!important;} .HSE01 .content .box_bigimg{position:fixed; width:100%; height:100%; top:0; left:0;background:#000\9\0; /*filter:alpha(opacity=50)*/; background:rgba(0,0,0,0.5); display:none; z-index:100;} .HSE01 .content .box_bigimg .box_body{top:50%; margin-top:-300px\9\0; left:50%; margin-left:-225px\9\0; transform: translate(-50%,-50%); width:450px; height:600px; position:absolute;} .HSE01 .content .box_bigimg .box_body .img_close{width:30px; height:30px; border-radius:50%; font-size:16px; background:#F33D4A; color:#fff; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer;} .HSE01 .content .item .img_ img{width:100%;} .HSE02{background:#F2F2F2; padding:50px 0; margin-top:100px;} .HSE02 .content{margin-top:44px;} .HSE02 .left{width:62%; float:left;} .HSE02 .left .l_box{padding-left:18%;} .HSE02 .left .l_box .tit{font-size:24px; line-height:46px; color:#e70012; margin-top:35px;} .HSE02 .left .l_box li{line-height:30px; font-size:14px; color:#4d4d4d;} .HSE03{margin:100px 0;} .HSE03 .content{margin-top:44px;} .HSE04{background:#f2f2f2; padding:73px 0;} .HSE04 .content .item .tit{font-size:24px; color:#e70012; line-height:58px; text-align:center; margin-top:63px; margin-bottom:25px;} .HSE04 .content .item li{width:14%; float:left; text-align:center;} .HSE04 .content .item.item02 li{width:12.5%;} .HSE04 .content .item li .txt{padding:17px 8% 25px; line-height:20px; } .HSE04 .content .item.item02 li .txt{padding:17px 10% 25px;} .HSE04 .content .item01 li .icon{display:block; width:90px; height:90px; background:url("../images/later/HSE05.png")/*tpa=resources/web/img/later/HSE05.png*/ no-repeat; margin:0 auto;} .HSE04 .content .item01 li.li01 .icon{background-position:0 0;} .HSE04 .content .item01 li.li02 .icon{background-position:-90px 0;} .HSE04 .content .item01 li.li03 .icon{background-position:-180px 0;} .HSE04 .content .item01 li.li04 .icon{background-position:-270px 0;} .HSE04 .content .item01 li.li05 .icon{background-position:-360px 0;} .HSE04 .content .item01 li.li06 .icon{background-position:-450px 0;} .HSE04 .content .item01 li.li07 .icon{background-position:-540px 0;} .HSE04 .content .item02 li .icon{display:block; width:90px; height:90px; background:url("../images/later/HSE06.png")/*tpa=resources/web/img/later/HSE06.png*/ no-repeat; margin:0 auto;} .HSE04 .content .item02 li.li01 .icon{background-position:0 0;} .HSE04 .content .item02 li.li02 .icon{background-position:-90px 0;} .HSE04 .content .item02 li.li03 .icon{background-position:-180px 0;} .HSE04 .content .item02 li.li04 .icon{background-position:-270px 0;} .HSE04 .content .item02 li.li05 .icon{background-position:-360px 0;} .HSE04 .content .item02 li.li06 .icon{background-position:-450px 0;} .HSE04 .content .item02 li.li07 .icon{background-position:-540px 0;} .HSE04 .content .item02 li.li08 .icon{background-position:-630px 0;} /*采油技术服务*/ .oil_technology{padding-bottom:0;} .oil_technology01 .rect-5362{padding-bottom:53.62%;} .oil_technology01 .content{margin-top:75px;} .oil_technology01 .content .item{cursor:pointer;} .oil_technology01 .content .item .infor{padding-bottom:8px;} .oil_technology01 .content .item .tit{font-size:20px; color:#747474; line-height:30px; padding:18px 0 6px; text-align:center;border-bottom:3px solid #747474; position:relative;} /*.oil_technology01 .owl-nav{position:absolute; top:50%; left:0; color:#fff; font-size:40px; width:100%; margin-top:-40px;} .oil_technology01 .owl-nav .owl-prev{float:left;} .oil_technology01 .owl-nav .owl-next{float:right;}*/ .oil_technology01 .content .wrap{position:relative;} .oil_technology01 .oil_btn div{width:27px; height:47px; background:url("../images/jt.png")/*tpa=resources/web/img/jt.png*/ no-repeat; position:absolute; cursor:pointer; top:50%;margin-top:-23px;z-index:2;font-size:0; transition:all 0.5s ease;} .oil_technology01 .oil_btn .owl-prev {left:-50px; } .oil_technology01 .oil_btn .owl-next { background-position:-27px 0; right:-44px; } .oil_technology01 .rect-95{padding-bottom:95%;} .oil_technology01 .content .list{background:#f4f4f4; margin-top:75px;} .oil_technology01 .content .list li{opacity: 0;filter: alpha(opacity=0);height: 0;transition:all ease 1.2s;overflow: hidden;transform:scale(1);} .oil_technology01 .content .list li .box{padding:59px 112px 126px 168px;} .oil_technology01 .content .list li .box .box_infor{text-align:center;} .oil_technology01 .content .list li .box .box_infor .box_tit{font-size:30px; line-height:1; color:#e70012; margin-bottom:16px;} .oil_technology01 .content .list li .box .box_infor .box_con{font-size:14px; line-height:26px; color:#4d4d4d; margin-bottom:47px;} .oil_technology01 .content .list li .box .box_bd .left{width:44%; float:left;} .oil_technology01 .content .list li .box .box_bd .right{width:49%; float:right;} .oil_technology01 .list li .box_bd .right dl{line-height:26px;} .oil_technology01 .list li .box_bd .right dt{font-size:18px; color:#e70012; margin-bottom:12px;} .oil_technology01 .list li .box_bd .right dd{font-size:14px; color:#4d4d4d; padding-left:3%; position:relative;} .oil_technology01 .list li .box_bd .right dd:after{content:''; width:4px; height:4px; border-radius:10px; background:#e70012; position:absolute; left:0; top:10px;} .oil_technology01 .list li .box_bd .right dl.dl01 dd{/*height:130px;*/ overflow:hidden;} .oil_technology01 .list li .box_bd .right dl.dl01 dd{padding-right:60px;} .oil_technology01 .list li .box_bd .right dl.dl02{margin-top:12px;} .oil_technology01 .list li .box_bd .right dl.dl02 dd{width:45%; margin-right:2%; float:left; } /*选中态*/ .oil_technology01 .content .item.cur .infor .sanjiao{width:9px; height:5px; background:url("../images/later/oil_tech04.png")/*tpa=resources/web/img/later/oil_tech04.png*/ no-repeat; position:absolute; left:50%; margin-left:-4px; bottom:0px;} .oil_technology01 .content .item.cur .tit{color:#e70012;border-color:#e70012;} .oil_technology01 .content .list li.cur{opacity: 1;filter: alpha(opacity=100);height: auto;transform:scale(1);} /*.oil_technology01 .oil_btn:hover .owl-prev {background-position:0 -47px;} .oil_technology01 .oil_btn:hover .owl-next {background-position:-27px -47px;} */ /*气体增压装备*/ .gas_pressure{padding-bottom:0;} .gas_pressure01 .intro{font-size:20px; color:#4d4d4d; margin-bottom:17px;} .gas_pressure02{background:#f3f3f3; padding:50px 0; /*margin-top:55px;*/} .gas_pressure02 .common-tit{padding-bottom:11px; font-size:30px; color:#333;} .gas_pressure02 .common-line{margin-bottom:44px;} .gas_pressure02 li{margin-bottom:38px;} .gas_pressure02 li .infor{padding:30px 0 26px; text-align:center; border-bottom:3px solid #5c5c5c;} .gas_pressure02 li .infor .txt{font-size:16px; color:#5b5b5b; line-height:1;} .gas_pressure02 li .cover{position:absolute; left:0 ;bottom:100%; background:#f34e00; filter:alpha(opacity=75); background:rgba(243,78,0,0.75); width:100%; height:100%; text-align:center;} .gas_pressure02 li .cover dl{padding:35px 30px;} .gas_pressure02 li .cover dd{font-size:13px; color:#fff; line-height:25px;} /*触控状态*/ .gas_pressure02 li:hover .infor{border-color:#f34e00;} .gas_pressure02 li:hover .infor .txt{color:#f34e00;} .gas_pressure02 li:hover .cover{bottom:0;} /*油田装备*/ .oil_equipment{padding-bottom:0;} .oil_equipment02{padding-bottom:0; background:#f2f2f2; margin-top:65px; padding:65px 0;} .oil_equipment02 .common-tit{color:#414141;} .oil_equipment02 .rect-5529{padding-bottom:55.29%;} .oil_equipment02 .content{margin-top:30px;} .oil_equipment02 .content li{margin-bottom:38px; border-bottom:3px solid #5c5c5c;} .oil_equipment02 .content li .cover{width:100%; position:absolute; left:0;top:0; background:#e70012; filter:alpha(opacity=80); background:rgba(231,0,18,0.5); z-index:3; opacity:0; visibility:hidden;} .oil_equipment02 .content li .cover .infor{padding:65px 45px 65px; color:#fff; text-align:justify;} .oil_equipment02 .content li .cover .infor .tit{font-size:20px; line-height:28px; margin-bottom:16px;} .oil_equipment02 .content li .cover .infor .con{font-size:13px; line-height:25px; margin-bottom:20px; height:75px; overflow:hidden;} .oil_equipment02 .content li .cover .infor .oil_more{width:141px; height:41px; line-height:41px; border-color:#fff; filter:alpha(opacity=60); border:1px solid rgba(255,255,255,0.6); border-radius:50px; margin:0 auto; text-align:center; } @media only screen and (min-width:1366px){ .oil_equipment02 .content .row>.span-4{width:31.333%;} .oil_equipment02 .content .row>[class*="span-"]{margin-right:2%;} } .oil_equipment02 .content li .intro{font-size:16px; color:#5b5b5b; padding:15px 0 25px; line-height:1; text-align:center;} /*触控状态*/ .oil_equipment02 .content li:hover{border-color:#e70012;} .oil_equipment02 .content li:hover .intro{color:#e70012;} .oil_equipment02 .content li:hover .cover{opacity:1; visibility:visible;} .oil_equipment02 .content li:hover .cover{bottom:0;} /*地图------------这里暂时不要了，但在油田装备备份还需要，故未删*/ .oil_equipment03{margin-top:90px;} .oil_equipment03 .rect-73{padding-bottom:73%;} .oil_equipment03 .common-tit{color:#414141;} .oil_equipment03 >.wrap>img{width:100%;} .oil_equipment03 .content{position:relative;} .oil_equipment03 .mapSize{position:relative;} .oil_equipment03 .dots{display:none; visibility:hidden;} .oil_equipment03 .dots.active{display:block; visibility:visible;} .oil_equipment03 .map_dots li{position:absolute;} /*地图上的点*/ .oil_equipment03 .map_dots li a {display:inline-block; position: relative; margin: -6px 0 0 -2px; -webkit-animation: blingbling .4s linear 0s infinite alternate; animation: blingbling .4s linear 0s infinite alternate; cursor:pointer;} .oil_equipment03 .map_dots li a span{display:inline-block; height: 27px; width: 19px; background:url("../images/later/map_dot.png")/*tpa=resources/web/img/later/map_dot.png*/ no-repeat;} .oil_equipment03 .map_dots li a:hover {color: #F33D4A; text-decoration: none; opacity: 1; /* -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5);*/ -webkit-animation: none; animation: none } .oil_equipment03 .map_dots li a.active {color: #F33D4A; opacity: 1; -webkit-animation: none; animation: none; -webkit-transform: none; transform: none } .oil_equipment03 .map_dots li a:after {display: none; /* top: -100%; top:-17px;*/ bottom:100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; z-index: 101; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #111a21; border-width: 15px; margin-left: -15px } /*.oil_equipment03 .map_dots li a.active::after {display: block }*/ @-webkit-keyframes blingbling { from { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-5px); transform: translateY(-5px) } } @keyframes blingbling { from { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-5px); transform: translateY(-5px) } } /*地图弹窗*/ .oil_equipment03 .sub_tab_con {position: absolute; width: 620px; margin-left: -310px; z-index: 200; transition: .3s; display:none; margin-bottom:45px; } .oil_equipment03 .sub_tab_con.active{display:block;} .oil_equipment03 .sub_tab_con .con_detail {position: relative; overflow: hidden; background-color: #ebebeb; /*height: 225px;*/} @media only screen and (min-width:993px){ .oil_equipment03 .sub_tab_con .con_detail{height:225px;} } .oil_equipment03 .sub_tab_con .con_detail .closeBtn {position: absolute; width: 30px; top: 15px; right: 15px; font-size: 25px; line-height: 1; text-decoration: none; text-align: center; z-index: 10; cursor:pointer; opacity:0;visibility:hidden;} .oil_equipment03 .sub_tab_con .con_detail .imgBox {float: left; width: 50%; height: 100%; position:relative;} .oil_equipment03 .sub_tab_con .con_detail .imgBox .owl-nav{position:absolute; top:50%; left:0; width:100%; color:#fff; font-size:20px;} .oil_equipment03 .sub_tab_con .con_detail .imgBox .owl-nav .owl-prev{float:left;} .oil_equipment03 .sub_tab_con .con_detail .imgBox .owl-nav .owl-next{float:right;} .oil_equipment03 .sub_tab_con .con_detail .con_text {float: left; width:42%; padding:4%; } .oil_equipment03 .sub_tab_con .con_detail .con_text ul li{position:relative; padding-left:8px; margin-bottom:10px;} .oil_equipment03 .sub_tab_con .con_detail .con_text ul li:after{content:''; width:2px; height:2px; background:#e70012; top:10px; position:absolute; left:0;} .oil_equipment03 .sub_tab_con .con_detail h3 {margin-bottom: 20px; padding-bottom: 0; font-size: 20px; color:#e70012; font-weight:bold;} .oil_equipment03 .con_detail h3 i{float: right; display: none; } .oil_equipment03 .sub_tab_con .con_detail p {padding-left: 0; max-height: 110px; overflow: hidden; line-height:22px; font-size:12px; color:#626262;} /*美国*/ .oil_equipment03 .map_dots li.America {top:45%; left:20%;} .oil_equipment03 .map_dots li.America a {-webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-delay: .1s; animation-delay: .1s } .oil_equipment03 .offices .America {bottom:53%; left:0%; margin-left:-60px; } /*委内瑞拉*/ .oil_equipment03 .map_dots li.Venezuela {top:58.2%; left:28.5%;} .oil_equipment03 .map_dots li.Venezuela a {-webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-delay: .2s; animation-delay: .2s } .oil_equipment03 .offices .Venezuela {bottom:38.2%; left:28%; } .oil_equipment04{background:#f2f2f2; padding:57px 0 70px;} .oil_equipment04 .rect-5783{padding-bottom:57.83%;} .oil_equipment04 .common-tit{color:#414141;} .oil_equipment04 .content{margin-top:46px;} /*切换导航*/ .oil_equipment04 .content .slider-nav {position:relative; text-align:center;} .oil_equipment04 .content .slider-nav:after{content:''; width:100%; height:1px; background:url("../images/later/LNG07.png")/*tpa=resources/web/img/later/LNG07.png*/ repeat; position:absolute; top:25%; left:0; z-index: 1} .oil_equipment04 .content .slider-nav span{display:inline-block; width:33px;height:33px; background:url("../images/later/LNG06.png")/*tpa=resources/web/img/later/LNG06.png*/ no-repeat; background-position:-33px 0; position:relative; z-index:5; cursor:pointer;} .oil_equipment04 .content .slider-nav .slick-slide{outline:none; cursor:pointer;} .oil_equipment04 .content .slider-for .slick-slide{outline:none;} .oil_equipment04 .content .slider-nav .txt{font-size:14px; color:#464646; } /*选中态*/ .oil_equipment04 .content .slider-nav .slick-current span{background-position:0 0;} .oil_equipment04 .content .slider-nav .slick-current .txt{font-size:16px; color:#e70012;} /*按钮*/ .oil_equipment04 .content .slider-nav .slick-prev, .oil_equipment04 .content .slider-nav .slick-next {width:9px; height:18px; position:absolute; top:25%; z-index:5; background:url("../images/later/LNG08.png")/*tpa=resources/web/img/later/LNG08.png*/ no-repeat;} .oil_equipment04 .content .slider-nav .slick-prev {left:0; background-position:0 0;} .oil_equipment04 .content .slider-nav .slick-next {right:0; background-position:-9px 0;} /*切换内容*/ .oil_equipment04 .content .slider-for {margin-bottom:28px; background:#fff;} .oil_equipment04 .content .slider-for .item_left{width:50%; float:left;} .oil_equipment04 .content .slider-for .item_right{width:50%; float:right;} .oil_equipment04 .content .slider-for .item_right .box{padding:60px 85px 30px 55px;} .oil_equipment04 .content .slider-for .item_right .box .t{font-size:20px; color:#e70012; font-weight:bold; line-height:1; margin-bottom:20px;} .oil_equipment04 .content .slider-for .item_right .box .c{font-size:14px; color:#656565; line-height:24px; height:168px;/* overflow-y:auto;*/} .oil_equipment04 .content .slider-for .item_left .owl-carousel .owl-nav{width:100%; position:absolute; top:50%; left:0; font-size:30px; color:#fff; margin-top:-26px;} .oil_equipment04 .content .slider-for .item_left .owl-carousel .owl-prev{float:left;} .oil_equipment04 .content .slider-for .item_left .owl-carousel .owl-next{float:right;} /*初始化之前隐藏*/ .oil_equipment04 .content .slick-prev:before, .oil_equipment04 .content .slick-next:before{display:none;} .oil_equipment04 .content .slider-nav{opacity:0; visibility:hidden;} .oil_equipment04 .content .slider-for{opacity:0; visibility:hidden;} .oil_equipment04 .content .slider-nav.slick-initialized{opacity:1; visibility:visible;} .oil_equipment04 .content .slider-for.slick-initialized{opacity:1; visibility:visible;} .oil_equipment04 .content .slider-for .item_left .owl-carousel.owl-loaded{display:block;} /*LNG*/ .LNG{padding-bottom:0;} .LNG01{margin-bottom:48px;} .LNG01 .content{height:235px; background:url("../images/later/LNG01.jpg")/*tpa=resources/web/img/later/LNG01.jpg*/ no-repeat; margin-top:20px;} .LNG01 .content .box{padding:44px 145px;} .LNG01 .content .tit{font-size:20px; color:#fff; text-align:center; margin-bottom:20px; line-height:1;} .LNG01 .content li{color:#fff; float:left;} .LNG01 .content li.li01{width:44.5%;} .LNG01 .content li.li02{width:40%;} .LNG01 .content li.li03{width:15.5%;} .LNG01 .content li dd{position:relative; font-size:15px; line-height:30px; padding-left:14px;} .LNG01 .content li dd:after{content:''; width:5px; height:5px; position:absolute; left:0; top:13px; background:#e70012; border-radius:10px;} .LNG01 .intro{margin-top:62px;} .LNG01 .intro .item{width:50%; float:left;} .LNG01 .intro .item.item01 .item_box{margin-right:38px;} .LNG01 .intro .item.item02 .item_box{margin-left:38px;} .LNG01 .intro .item .t{font-size:20px; color:#e70012; line-height:30px; padding-bottom:22px; border-bottom: 3px solid #e70012; text-align:center;} .LNG01 .intro .item .list{margin-top:30px; margin-bottom:23px;} .LNG01 .intro .item .list li{width:44%; padding-left:5%; float:left; font-size:15px; color:#515151; position:relative; line-height:30px;} .LNG01 .intro .item .list li:after{content:''; width:5px; height:5px; border-radius:50%; background:#515151; position:absolute; left:5%; top:13px;} .LNG02{padding:40px 0;background:url("../images/later/LNG04.jpg")/*tpa=resources/web/img/later/LNG04.jpg*/ no-repeat center; background-attachment:fixed; background-size: cover;} .LNG02 .tit{font-size:30px; line-height:1; color:#fff; text-align:center; margin-bottom:55px;} .LNG02 .list li{color:#fff; margin-bottom:30px; overflow:hidden;} .LNG02 .list .li_left{float:left;} .LNG02 .list .li_left .num{font-size:34px; position:relative; line-height:1; padding-bottom:30px;} .LNG02 .list .li_left .num span{display:block; width:1px; height:85px; background:#fff; left:50%;margin-left:-1px; top:100%; position:absolute;} .LNG02 .list .li_right{width:93.25%; float:right; margin-top:7px; padding-bottom:20px; border-bottom:1px dotted #fff;} .LNG02 .list .li_right .t{font-size:20px; margin-bottom:24px; line-height:1;} .LNG02 .list .li_right dd{font-size:15px; line-height:30px; position:relative; padding-left:1%; width:47%; float:left;} .LNG02 .list .li_right dd:after{content:''; width:5px; height:5px; background:#e70012; border-radius:50%; position:absolute; left:0; top:12px;} .LNG03{background:#f2f2f2; padding:57px 0 70px;} .LNG03 .rect-5783{padding-bottom:57.83%;} /*.LNG03 .tit{font-size:30px; color:#333333; line-height:1; margin-bottom:38px; text-align:center;}*/ .LNG03 .common-tit{color:#414141;} .LNG03 .content{margin-top:46px;} /*切换导航*/ .LNG03 .content .slider-nav {position:relative; text-align:center;} .LNG03 .content .slider-nav:after{content:''; width:100%; height:1px; background:url("../images/later/LNG07.png")/*tpa=resources/web/img/later/LNG07.png*/ repeat; position:absolute; top:25%; left:0; z-index: 1} .LNG03 .content .slider-nav span{display:inline-block; width:33px;height:33px; background:url("../images/later/LNG06.png")/*tpa=resources/web/img/later/LNG06.png*/ no-repeat; background-position:-33px 0; position:relative; z-index:5; cursor:pointer;} .LNG03 .content .slider-nav .slick-slide{outline:none; cursor:pointer;} .LNG03 .content .slider-for .slick-slide{outline:none;} .LNG03 .content .slider-nav .txt{font-size:14px; color:#464646; } /*选中态*/ .LNG03 .content .slider-nav .slick-current span{background-position:0 0;} .LNG03 .content .slider-nav .slick-current .txt{font-size:16px; color:#e70012;} /*按钮*/ .LNG03 .content .slider-nav .slick-prev, .LNG03 .content .slider-nav .slick-next {width:9px; height:18px; position:absolute; top:25%; z-index:5; background:url("../images/later/LNG08.png")/*tpa=resources/web/img/later/LNG08.png*/ no-repeat;} .LNG03 .content .slider-nav .slick-prev {left:0; background-position:0 0;} .LNG03 .content .slider-nav .slick-next {right:0; background-position:-9px 0;} /*切换内容*/ .LNG03 .content .slider-for {margin-bottom:28px; background:#fff;} .LNG03 .content .slider-for .item_left{width:50%; float:left;} .LNG03 .content .slider-for .item_right{width:50%; float:right;} .LNG03 .content .slider-for .item_right .box{padding:60px 85px 30px 55px;} .LNG03 .content .slider-for .item_right .box .t{font-size:20px; color:#e70012; font-weight:bold; line-height:1; margin-bottom:20px;} .LNG03 .content .slider-for .item_right .box .c{font-size:14px; color:#656565; line-height:24px; height:168px; overflow-y:auto;} .LNG03 .content .slider-for .item_left .owl-carousel .owl-nav{width:100%; position:absolute; top:50%; left:0; font-size:30px; color:#fff; margin-top:-26px;} .LNG03 .content .slider-for .item_left .owl-carousel .owl-prev{float:left;} .LNG03 .content .slider-for .item_left .owl-carousel .owl-next{float:right;} /*初始化之前隐藏*/ .LNG03 .content .slick-prev:before, .LNG03 .content .slick-next:before{display:none;} .LNG03 .content .slider-nav{opacity:0; visibility:hidden;} .LNG03 .content .slider-for{opacity:0; visibility:hidden;} .LNG03 .content .slider-nav.slick-initialized{opacity:1; visibility:visible;} .LNG03 .content .slider-for.slick-initialized{opacity:1; visibility:visible;} .LNG03 .content .slider-for .item_left .owl-carousel.owl-loaded{display:block;} /*LNG加注站*/ .LNG_station{padding-bottom:0;} .LNG_station02{background:#ececec; padding:45px 0; margin-top:45px;} .LNG_station02 li {position:relative;} .LNG_station02 li dl{line-height:30px; padding-left:72px;} .LNG_station02 li dt{font-size:20px; color:#e70012; margin-bottom:18px;} .LNG_station02 li dd{font-size:14px; color:#000;} .LNG_station02 li:after{content:''; width: 1px; height:285px; background:url("../images/later/LNG_station02.png")/*tpa=resources/web/img/later/LNG_station02.png*/ no-repeat; position:absolute; right:0; top:20px;} .LNG_station02 li.last:after{display:none;} .LNG_station03{padding-bottom:0; padding:65px 0;} .LNG_station03 .common-tit{color:#414141;} .LNG_station03 .rect-5529{padding-bottom:55.29%;} .LNG_station03 .content{margin-top:30px;} .LNG_station03 .content li{margin-bottom:38px; border-bottom:3px solid #5c5c5c;} .LNG_station03 .content li .cover{width:100%; height:100%; position:absolute; left:0;top:0; background:#e70012; filter:alpha(opacity=80); background:rgba(231,0,18,0.8); z-index:3; opacity:0; visibility:hidden;} .LNG_station03 .content li .cover .infor{padding:65px 45px 65px; color:#fff; text-align:justify;} .LNG_station03 .content li .cover .infor .tit{font-size:20px; line-height:28px; margin-bottom:16px;} .LNG_station03 .content li .cover .infor .con{font-size:13px; line-height:25px; margin-bottom:20px; height:75px; overflow:hidden;} .LNG_station03 .content li .cover .infor .oil_more{width:141px; height:41px; line-height:41px; border-color:#fff; filter:alpha(opacity=60); border:1px solid rgba(255,255,255,0.6); border-radius:50px; margin:0 auto; text-align:center; } @media only screen and (min-width:1366px){ .LNG_station03 .content .row>.span-4{width:31.333%;} .LNG_station03 .content .row>[class*="span-"]{margin-right:2%;} } .LNG_station03 .content li .intro{font-size:16px; color:#5b5b5b; padding:30px 0 25px; line-height:1; text-align:center;} /*触控状态*/ .LNG_station03 .content li:hover{border-color:#e70012;} .LNG_station03 .content li:hover .intro{color:#e70012;} .LNG_station03 .content li:hover .cover{opacity:1; visibility:visible;} .LNG_station03 .content li:hover .cover{bottom:0;} .LNG_station04{background:#f2f2f2; padding:57px 0 70px;} .LNG_station04 .rect-5783{padding-bottom:57.83%;} /*.LNG_station04 .tit{font-size:30px; color:#333333; line-height:1; margin-bottom:38px; text-align:center;}*/ .LNG_station04 .common-tit{color:#414141;} .LNG_station04 .content{margin-top:46px;} /*切换导航*/ .LNG_station04 .content .slider-nav {position:relative; text-align:center;} .LNG_station04 .content .slider-nav:after{content:''; width:100%; height:1px; background:url("../images/later/LNG07.png")/*tpa=resources/web/img/later/LNG07.png*/ repeat; position:absolute; top:25%; left:0; z-index: 1} .LNG_station04 .content .slider-nav span{display:inline-block; width:33px;height:33px; background:url("../images/later/LNG06.png")/*tpa=resources/web/img/later/LNG06.png*/ no-repeat; background-position:-33px 0; position:relative; z-index:5; cursor:pointer;} .LNG_station04 .content .slider-nav .slick-slide{outline:none;cursor:pointer;} .LNG_station04 .content .slider-for .slick-slide{outline:none;} .LNG_station04 .content .slider-nav .txt{font-size:14px; color:#464646; } /*选中态*/ .LNG_station04 .content .slider-nav .slick-current span{background-position:0 0;} .LNG_station04 .content .slider-nav .slick-current .txt{font-size:16px; color:#e70012;} /*按钮*/ .LNG_station04 .content .slider-nav .slick-prev, .LNG_station04 .content .slider-nav .slick-next {width:9px; height:18px; position:absolute; top:25%; z-index:5; background:url("../images/later/LNG08.png")/*tpa=resources/web/img/later/LNG08.png*/ no-repeat;} .LNG_station04 .content .slider-nav .slick-prev {left:0; background-position:0 0;} .LNG_station04 .content .slider-nav .slick-next {right:0; background-position:-9px 0;} /*切换内容*/ .LNG_station04 .content .slider-for {margin-bottom:28px; background:#fff;} .LNG_station04 .content .slider-for .item_left{width:50%; float:left;} .LNG_station04 .content .slider-for .item_right{width:50%; float:right;} .LNG_station04 .content .slider-for .item_right .box{padding:60px 85px 30px 55px;} .LNG_station04 .content .slider-for .item_right .box .t{font-size:20px; color:#e70012; font-weight:bold; line-height:1; margin-bottom:20px;} .LNG_station04 .content .slider-for .item_right .box .c{font-size:14px; color:#656565; line-height:24px; height:168px; /*overflow-y:auto;*/} .LNG_station04 .content .slider-for .item_left .owl-carousel .owl-nav{width:100%; position:absolute; top:50%; left:0; font-size:30px; color:#fff; margin-top:-26px;} .LNG_station04 .content .slider-for .item_left .owl-carousel .owl-prev{float:left;} .LNG_station04 .content .slider-for .item_left .owl-carousel .owl-next{float:right;} /*初始化之前隐藏*/ .LNG_station04 .content .slick-prev:before, .LNG_station04 .content .slick-next:before{display:none;} .LNG_station04 .content .slider-nav{opacity:0; visibility:hidden;} .LNG_station04 .content .slider-for{opacity:0; visibility:hidden;} .LNG_station04 .content .slider-nav.slick-initialized{opacity:1; visibility:visible;} .LNG_station04 .content .slider-for.slick-initialized{opacity:1; visibility:visible;} .LNG_station04 .content .slider-for .item_left .owl-carousel.owl-loaded{display:block;} /*炼油石油化工*/ .chemical_industry{padding-bottom:0;} .chemical_industry02{padding:40px 0;background:url("../images/chemical_industry01.jpg")/*tpa=resources/web/img/later/chemical_industry01.jpg*/ no-repeat center; background-size: cover; background-attachment:fixed; margin-top:50px;} .chemical_industry02 .tit{font-size:30px; line-height:1; color:#fff; text-align:center; margin-bottom:55px;} .chemical_industry02 .list li{color:#fff; margin-bottom:30px; overflow:hidden;} .chemical_industry02 .list .li_left{float:left;} .chemical_industry02 .list .li_left .num{font-size:34px; position:relative; line-height:1; padding-bottom:30px;} .chemical_industry02 .list .li_left .num span{display:block; width:1px; height:85px; background:#fff; left:50%;margin-left:-1px; top:100%; position:absolute;} .chemical_industry02 .list .li_right{width:93.25%; float:right; margin-top:7px; padding-bottom:20px; border-bottom:1px dotted #fff;} .chemical_industry02 .list .li_right .t{font-size:20px; margin-bottom:24px; line-height:1;} .chemical_industry02 .list .li_right dd{font-size:15px; line-height:30px; position:relative; padding-left:1%; width:98%; float:left;} .chemical_industry02 .list .li_right dd:after{content:''; width:5px; height:5px; background:#e70012; border-radius:50%; position:absolute; left:0; top:12px;} /*气田田地面工程*/ .gas_field{padding-bottom:0;} .gas_field01 .content{margin-top:50px;} .gas_field01 .content .tit{font-size:30px; color:#444; line-height:1; text-align:center; margin-bottom:43px;} .gas_field01 .content ul{text-align:center;} .gas_field01 .content li{display:inline-block; width:144px; height:144px; background:#ebebeb; border-radius:50%; text-align:center; position:relative; margin-right:67px; transition:all 0.5s ease;} .gas_field01 .content li .txt{font-size:14px; color:#666666; vertical-align:middle; position:relative; display:block; height:100%; overflow:hidden;} .gas_field01 .content li .txt:after{content:''; height:100%; display:inline-block; vertical-align:middle; overflow:hidden;} .gas_field01 .content li:after{content:''; width:50px; height:4px; background:url("../images/later/gas_field02.png")/*tpa=resources/web/img/later/gas_field02.png*/ no-repeat; top:50%; margin-top:-2px;left:107%; position:absolute;} .gas_field01 .content li.last:after{display:none;} .gas_field01 .content li:hover{background:#e70012} .gas_field01 .content li:hover .txt{color:#fff; } .gas_field02{padding:40px 0;background:url("../images/later/gas_field01.jpg")/*tpa=resources/web/img/later/gas_field01.jpg*/ no-repeat center; background-size: cover; background-attachment:fixed; margin-top:55px;} .gas_field02 .tit{font-size:30px; line-height:1; color:#fff; text-align:center; margin-bottom:55px;} .gas_field02 .list li{color:#fff; margin-bottom:30px; overflow:hidden;} .gas_field02 .list .li_left{float:left;} .gas_field02 .list .li_left .num{font-size:34px; position:relative; line-height:1; padding-bottom:30px;} .gas_field02 .list .li_left .num span{display:block; width:1px; height:85px; background:#fff; left:50%;margin-left:-1px; top:100%; position:absolute;} .gas_field02 .list .li_right{width:93.25%; float:right; margin-top:7px; padding-bottom:20px; border-bottom:1px dotted #fff;} .gas_field02 .list .li_right .t{font-size:20px; margin-bottom:24px; line-height:1;} .gas_field02 .list .li_right dd{font-size:14px; line-height:30px; position:relative; padding-left:1%; width:32%; float:left;} .gas_field02 .list .li_right dd:after{content:''; width:5px; height:5px; background:#e70012; border-radius:50%; position:absolute; left:0; top:12px;} .gas_field03{background:#f2f2f2; padding:57px 0 70px;} .gas_field03 .rect-5783{padding-bottom:57.83%;} /*.gas_field03 .tit{font-size:30px; color:#333333; line-height:1; margin-bottom:38px; text-align:center;}*/ .gas_field03 .common-tit{color:#414141;} .gas_field03 .content{margin-top:46px;} /*切换导航*/ .gas_field03 .content .slider-nav {position:relative; text-align:center;} .gas_field03 .content .slider-nav:after{content:''; width:100%; height:1px; background:url("../images/later/LNG07.png")/*tpa=resources/web/img/later/LNG07.png*/ repeat; position:absolute; top:25%; left:0; z-index: 1} .gas_field03 .content .slider-nav span{display:inline-block; width:33px;height:33px; background:url("../images/later/LNG06.png")/*tpa=resources/web/img/later/LNG06.png*/ no-repeat; background-position:-33px 0; position:relative; z-index:5; cursor:pointer;} .gas_field03 .content .slider-nav .slick-slide{outline:none; cursor:pointer;} .gas_field03 .content .slider-for .slick-slide{outline:none;} .gas_field03 .content .slider-nav .txt{font-size:14px; color:#464646; } /*选中态*/ .gas_field03 .content .slider-nav .slick-current span{background-position:0 0;} .gas_field03 .content .slider-nav .slick-current .txt{font-size:16px; color:#e70012;} /*按钮*/ .gas_field03 .content .slider-nav .slick-prev, .gas_field03 .content .slider-nav .slick-next {width:9px; height:18px; position:absolute; top:25%; z-index:5; background:url("../images/later/LNG08.png")/*tpa=resources/web/img/later/LNG08.png*/ no-repeat;} .gas_field03 .content .slider-nav .slick-prev {left:0; background-position:0 0;} .gas_field03 .content .slider-nav .slick-next {right:0; background-position:-9px 0;} /*切换内容*/ .gas_field03 .content .slider-for {margin-bottom:28px; background:#fff;} .gas_field03 .content .slider-for .item_left{width:50%; float:left;} .gas_field03 .content .slider-for .item_right{width:50%; float:right;} .gas_field03 .content .slider-for .item_right .box{padding:60px 85px 30px 55px;} .gas_field03 .content .slider-for .item_right .box .t{font-size:20px; color:#e70012; font-weight:bold; line-height:1; margin-bottom:20px;} .gas_field03 .content .slider-for .item_right .box .c{font-size:14px; color:#656565; line-height:24px; height:168px; /*overflow-y:auto;*/} .gas_field03 .content .slider-for .item_left .owl-carousel .owl-nav{width:100%; position:absolute; top:50%; left:0; font-size:30px; color:#fff; margin-top:-26px;} .gas_field03 .content .slider-for .item_left .owl-carousel .owl-prev{float:left;} .gas_field03 .content .slider-for .item_left .owl-carousel .owl-next{float:right;} /*初始化之前隐藏*/ .gas_field03 .content .slick-prev:before, .gas_field03 .content .slick-next:before{display:none;} .gas_field03 .content .slider-nav{opacity:0; visibility:hidden;} .gas_field03 .content .slider-for{opacity:0; visibility:hidden;} .gas_field03 .content .slider-nav.slick-initialized{opacity:1; visibility:visible;} .gas_field03 .content .slider-for.slick-initialized{opacity:1; visibility:visible;} .gas_field03 .content .slider-for .item_left .owl-carousel.owl-loaded{display:block;} /*电力工程*/ .power{padding-bottom:0;} .power01 .content{margin-top:45px; margin-bottom:60px;} .power01 .content{font-size:14px; color:#000; line-height:26px;} .power02{background:#f7f7f7; padding:60px 0;} .power02 .li_box{padding:0 15%; text-align:center;} .power02 .li_box .icon{display:block; width:169px; height:169px; background:url("../images/later/power02.png")/*tpa=resources/web/img/later/power02.png*/ no-repeat; margin:0 auto 25px;} .power02 .li_box .icon01{background-position:0 -169px;} .power02 .li_box .icon02{background-position:-169px -169px;} .power02 .li_box .icon03{background-position:-338px -169px;} .power02 .li_box .icon04{background-position:-507px -169px;} .power02 .li_box .tit{font-size:20px; color:#000; line-height:26px; margin-bottom:17px;} .power02 .li_box .con{font-size:14px; color:#3b3b3b; line-height:26px;} /*触控*/ .power02 li:hover .li_box .icon01{background-position:0 0;} .power02 li:hover .li_box .icon02{background-position:-169px 0;} .power02 li:hover .li_box .icon03{background-position:-338px 0;} .power02 li:hover .li_box .icon04{background-position:-507px 0;} .power02 li:hover .li_box .tit{color:#e70012} .power02 li:hover .li_box .con{color:#e70012} /*分布能源*/ .energy{padding-bottom:0;} .energy01 .content{margin-top:90px;} .energy01 .content li.first{border-top:1px solid #d9d9d9;} .energy01 .content li{border-bottom:1px solid #d9d9d9;} .energy01 .content li .box_hd{padding:15px 0; cursor:pointer;} .energy01 .content li .box_hd .icon{display:none; width:38px; height:38px; background:url("../images/energy01.png")/*tpa=resources/web/img/energy01.png*/ no-repeat; margin-right:30px; vertical-align:middle;} .energy01 .content .li01 .box_hd .icon{background-position:0 -38px;} .energy01 .content .li02 .box_hd .icon{background-position:-38px -38px;} .energy01 .content .li03 .box_hd .icon{background-position:-76px -38px;} .energy01 .content li .box_hd .icon.trs5{transition:all 0s ease;} .energy01 .content li .box_hd .tit{font-size:20px; color:#666; display:inline-block; vertical-align:middle;} .energy01 .content li .box_hd .symbol .iconfont{display:inline-block; font-size:25px; vertical-align:middle; text-align:right;} .energy01 .content li .box_hd .symbol .sub{display:none;} .energy01 .content li .box_bd{padding:0 10% 30px; display:none;} .energy01 .content li .box_bd .t{text-align:center; margin-bottom:50px;} .energy01 .content li .box_bd .t span{font-size:22px; line-height:1; padding:20px 34px; border-bottom:1px solid #e70012; border-top:1px solid #e70012; margin-top:65px; display:inline-block; color:#e70012} .energy01 .content li .box_bd .c{font-size:16px; line-height:30px;} /*选中态*/ .energy01 .content li.cur .box_hd{border-bottom:1px solid #d9d9d9;} .energy01 .content .li01.cur .box_hd .icon{background-position:0 0px;} .energy01 .content .li02.cur .box_hd .icon{background-position:-38px 0px;} .energy01 .content .li03.cur .box_hd .icon{background-position:-76px 0px;} .energy01 .content li.cur .box_hd .symbol .sub{display:block;} .energy01 .content li.cur .box_hd .symbol .add{display:none;} .energy01 .content li.cur .box_hd .tit{color:#e70012;} .energy02{background:#f2f2f2; padding:57px 0 70px; margin-top:100px;} .energy02 .rect-5783{padding-bottom:57.83%;} /*.energy02 .tit{font-size:30px; color:#333333; line-height:1; margin-bottom:38px; text-align:center;}*/ .energy02 .common-tit{color:#414141;} .energy02 .content{margin-top:46px;} .energy02 .content .title{font-size:20px; color:#333; margin-bottom:20px;} /*切换导航*/ .energy02 .content .slider-nav {position:relative; text-align:center;} .energy02 .content .slider-nav:after{content:''; width:100%; height:1px; background:url("../images/later/LNG07.png")/*tpa=resources/web/img/later/LNG07.png*/ repeat; position:absolute; top:25%; left:0; z-index: 1} .energy02 .content .slider-nav span{display:inline-block; width:33px;height:33px; background:url("../images/later/LNG06.png")/*tpa=resources/web/img/later/LNG06.png*/ no-repeat; background-position:-33px 0; position:relative; z-index:5; cursor:pointer;} .energy02 .content .slider-nav .slick-slide{outline:none; cursor:pointer;} .energy02 .content .slider-for .slick-slide{outline:none;} .energy02 .content .slider-nav .txt{font-size:14px; color:#464646; } /*选中态*/ .energy02 .content .slider-nav .slick-current span{background-position:0 0;} .energy02 .content .slider-nav .slick-current .txt{font-size:16px; color:#e70012;} /*按钮*/ .energy02 .content .slider-nav .slick-prev, .energy02 .content .slider-nav .slick-next {width:9px; height:18px; position:absolute; top:25%; z-index:5; background:url("../images/later/LNG08.png")/*tpa=resources/web/img/later/LNG08.png*/ no-repeat;} .energy02 .content .slider-nav .slick-prev {left:0; background-position:0 0;} .energy02 .content .slider-nav .slick-next {right:0; background-position:-9px 0;} /*切换内容*/ .energy02 .content .slider-for {margin-bottom:28px; background:#fff;} .energy02 .content .slider-for .item_left{width:50%; float:left;} .energy02 .content .slider-for .item_right{width:50%; float:right;} .energy02 .content .slider-for .item_right .box{padding:60px 85px 30px 55px;} .energy02 .content .slider-for .item_right .box .t{font-size:20px; color:#e70012; font-weight:bold; line-height:1; margin-bottom:20px;} .energy02 .content .slider-for .item_right .box .c{font-size:14px; color:#656565; line-height:24px; height:168px;/* overflow-y:auto;*/} .energy02 .content .slider-for .item_left .owl-carousel .owl-nav{width:100%; position:absolute; top:50%; left:0; font-size:30px; color:#fff; margin-top:-26px;} .energy02 .content .slider-for .item_left .owl-carousel .owl-prev{float:left;} .energy02 .content .slider-for .item_left .owl-carousel .owl-next{float:right;} /*初始化之前隐藏*/ .energy02 .content .slick-prev:before, .energy02 .content .slick-next:before{display:none;} .energy02 .content .slider-nav{opacity:0; visibility:hidden;} .energy02 .content .slider-for{opacity:0; visibility:hidden;} .energy02 .content .slider-nav.slick-initialized{opacity:1; visibility:visible;} .energy02 .content .slider-for.slick-initialized{opacity:1; visibility:visible;} .energy02 .content .slider-for .item_left .owl-carousel.owl-loaded{display:block;} /*案例详细*/ .case{padding-bottom:0;} .case01 .rect-5755{padding-bottom:57.55%;} .case01 .title{font-size:30px; color:#000; line-height:1; text-align:center;} .case01 ul{margin-top:55px;} .case01 ul li {border:1px solid #cbcbcb; margin-bottom:64px;} .case01 ul li .left{width:50%; float:left;} .case01 ul li .right{width:50%; float:right;} .case01 ul li.even .left{float:right;} .case01 ul li.even .right{float:left;} .case01 ul li .left .l_box{padding:60px 60px 40px 40px;} .case01 ul li .left .l_box .tit{font-size:26px; color:#000; line-height:28px; position:relative; padding-bottom:14px; margin-bottom:20px;} .case01 ul li .left .l_box .con{font-size:14px; color:#000; line-height:28px; height:168px; overflow-y:auto;} .case01 ul li .left .l_box .tit:after{content:''; position:absolute; left:0; bottom:0; width:50px; background:#c7c7c7; height:1px; } /***********************************ljx end************************************/ /*cxw start*******************************************************************/ /* 了解更多样式 */ .common-btn-more{position:relative;} .common-btn-more:after{content: '';position: absolute;top: 0;left: 0;width: 0;background: #e70012;height: 100%;border-radius: 20px;transition: width .5s ease;-webkit-transition:width .5s ease;z-index: -1;} .common-btn-more:hover:after{content: '';background: #e70012;width: 100%;} /* 公共部分样式 */ .nav{/*height: 85px;*/position: absolute;overflow: hidden;z-index: 4;width: 100%;} .nav.shadow{box-shadow: 0 0 2px 2px rgba(0,0,0,.5);} .nav .nav_box{/*padding-top: 36px;*/height: 85px;/*overflow: hidden;*/z-index: 7;} .nav .logo{display: inline-block;float: left;} .nav .logo img{width: 250px;} .nav .stock{display: inline-block;padding-left: 5px;float: left;font-size: 14px;width:105px;min-height: 20px; margin-top:30px;} .nav .stock .stock_ico{width: 12px;height: 12px;display: inline-block;background-position: 0 0;} .nav .stock.active .s{color: #e70012;} .nav .stock.down .stock_ico{background-position: -12px 0;} .nav .stock.down .s{color: #36b935;} .nav .stock .t{color: #a2a2a2;} .nav .nav_m{display: inline-block;} .nav .nav_s{float:right;height:21px;line-height:1;font-size:0; padding-top:30px;} .nav .nav_s .language{color: #E70011;font-size: 14px;cursor: pointer;position: relative;width: 100px;display: inline-block;} .nav .nav_s .language .iconfont{margin: 0 .2em;vertical-align: 0px;} .nav .nav_s .language .language_box{position: absolute;width: 100%;left: 0;top: 100%;display: none;background: #fff;border: 1px solid #ccc;text-align: center} .nav .nav_s .language .language_box li{height: 25px;line-height: 25px;line-height: 25px;font-size: 14px;transition: background .5s ease;-webkit-transition: background .5s ease;} .nav .nav_s .language .language_box li:hover{background: #e70012;color: #fff;} .nav .nav_s .language .language_box li:hover a{color: #fff;} /* search部分 */ .nav .nav_s .search{display: inline-block;position: relative;width: 30px;height: 17px;} .nav .nav_s .search .search_t{position: absolute;top: -3px;right: 0;width: 200px;height: 25px;line-height: 25px;border-radius: 13px;width: 0;border: 0;transition: all .5s ease;-webkit-transition: all .5s ease;font-size: 14px;padding: 0 15px;opacity: 0;filter: alpha(opacity=0);border: 1px solid #ccc;} .nav .nav_s .search .search_btn{position: absolute;z-index: 5;background: transparent;border: 0;font-size: 16px;padding: 0;color: #d81919;cursor: pointer;outline: 0;} /*.nav .nav_s .search:hover .search_t{width: 80px;opacity: 1;filter: alpha(opacity=100);}*/ .nav .nav_s .search .search_t.active{width: 120px;opacity: 1;filter: alpha(opacity=100);} /*.nav .nav_m{float: left;margin-left: 45px;font-size: 15px;color: #242526;} .nav .nav_m .inner_img_l{width: 42%;float: left;} .nav .nav_m .inner_img_r{width: 50%;float: right;} .nav .nav_m .rect-5769{padding-bottom:57.69%} .nav .nav_m>ul{overflow:hidden;} .nav .nav_m>ul>li{float: left;width: 95px;text-align: center;font-size: 15px;color: #242526;height: 49px;} .nav .nav_m>ul>li>a{text-align:center;} .nav .nav_m ul li a{color: #242526;display: block;height: 100%;} .nav .nav_m ul li a:hover{color: #e70012;} .nav .inner_bg{width: 100%;background: #f4f4f4;position: absolute;top: 85px;z-index: 5;height: 100%;left: 0;} .nav .nav_m ul li .inner_box{position: absolute;top: 85px;width: 1200px;left: 0;z-index: 6;padding: 2% 0;display: none;left: 50%;margin-left: -600px;background: #f4f4f4;} .nav .nav_m ul li .second_nav li{width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #ccc;} .nav .nav_m ul li .inner_box li{width: 230px;float: left;} .nav .nav_m ul li .inner_box.open{display: block;}*/ /* 手机按钮 */ .nav .nav_s .mobile_key{width: 32px;height: 32px;/*background: url(../img/c_img/menu.png) no-repeat;*/display: none; font-size:20px;} .nav .mobile_key{width: 32px;height: 32px;/*background: url(../img/c_img/menu.png) no-repeat;*/display: none; font-size:20px; padding-top:25px;} /* 下拉图片部分 */ .nav .nav_m ul li .inner_box li.inner_imgs{width: 75%;float: right;text-align: left;} .nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r{display: inline-block;padding-top: 3%;padding-left: 3%;} .nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .img_s{height: 6.4em;overflow: hidden;margin-bottom: 20px;} .nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .btn_more{width: 180px;height: 36px;border: 1px solid #e70012;border-radius: 20px;display: block;line-height: 36px;text-align: center;overflow: hidden;} .nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .btn_more:hover{color: #fff;} .c_banner_p1{padding-top:65px;} .c_banner1{position: relative;width: 100%;height:388px;overflow: hidden; } .c_banner1 img{position: absolute;top: 0;left: 50%;margin-left: -960px;height: 100%;max-width: none;width: 1920px;} /*二级导航*/ .sec_nav{height: 37px;line-height: 37px;} .sec_nav .sec_nav_box{background: #f3f3f3;} .sec_nav .sec_nav_box.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 88;} .sec_nav .nav_ul .iconfont{margin-left: 23px;font-size: 13px;} .sec_nav .nav_li{display: inline-block;} .sec_nav .nav_li a{display: block;} .sec_nav .nav_li.index .icon{width: 14px;height: 14px;background: url("../images/index1.png")/*tpa=resources/web/img/c_img/index1.png*/ no-repeat;background-position: 0 0;display: inline-block;vertical-align: -1px;margin-right: 5px;} .sec_nav .nav_li.index:hover .icon{background-position: -14px 0;} .sec_nav .nav_li.item{position: relative;padding-left: 3px;cursor: pointer;} .sec_nav .nav_li.item a:hover, .sec_nav .nav_li.item.cur a{color: #e70012;} .sec_nav .nav_li.item a:hover .icon, .sec_nav .nav_li.item.cur a .icon{background-position: -14px 0;} .sec_nav .nav_li.item .inner_ul{position: absolute;width: 100%;top: 110%;left: 0;text-indent:8px;border:1px solid #e8e8e8;border-top: 0;transition: all .5s cubic-bezier(0,1.12,.52,.97);opacity: 0;filter: alpha(opacity=0);background: #fff;z-index: -2;visibility: hidden;} .sec_nav .nav_li.item .inner_ul .li:hover{background: #e70012;color: #fff;} .sec_nav .nav_li.item .icon{width: 14px;height: 14px;background: url("../images/index2.png")/*tpa=resources/web/img/c_img/index2.png*/ no-repeat;background-position: 0 0;display: inline-block;vertical-align: -1px;margin-left: 13px;} .sec_nav .nav_li.item:hover .inner_ul{opacity: 1;filter: alpha(opacity=100);top: 100%;z-index: 4;visibility: visible;} /*二级导航 end*/ /*底部部分*/ .footer{background: #323232;width: 100%;padding-top: 50px;} .footer .foot_part1{padding-bottom: 50px;border-bottom: 1px solid #1d1d1d;} .footer .foot_part1 dl{width: 20%;float: left;} .footer .foot_part1 dl dt{font-size: 20px;line-height: 1;color: #fff;} .footer .foot_part1 dl dt .lin{width: 40px;height: 1px;background: #e70012;margin-top: 18px;display: block;margin-bottom: 45px;} .footer .foot_part1 dl dd{font-size: 14px;color: #fff;line-height: 1;margin-bottom: 12px;} .footer .foot_part1 dl.last .bdsharebuttonbox{font-size: 24px;line-height: 1;margin-top: 28px; position:relative;} .footer .foot_part1 dl.last .qr{vertical-align: bottom;} .footer .foot_part1 dl.last .qr img{float: left;} .footer .foot_part1 dl.last .qr .t{font-size: 12px;height: 68px;display: table-cell;vertical-align: bottom;line-height: 1.6;margin-left: 15px;padding-left: 15px;} .footer .foot_part1 dl.last .share .ewm_img{position:absolute; bottom:105%; left:0; display:none;} body .bdshare-button-style0-16 a,body .bdshare-button-style0-16 .bds_more{background: none;padding: 0;font-size: 24px;transition: none;background: none;margin-right: 20px;} body .bdshare-button-style0-16 a:hover{color: #fff;} .footer .foot_part2{padding: 27px 0;border-bottom: 1px solid #1d1d1d;} .footer .foot_part2 dl{width: 20%;float: left;color: #fff;line-height: 1;font-size: 13px;} .footer .foot_part2 dl dd{margin-bottom: 16px;} .footer .foot_part2 dl dd:last-child{margin-bottom: 0;} .footer .foot_part3{padding: 23px 0;line-height: 1;} .footer .foot_part3 .s{font-size: 13px;color: #fff;float: left;} .footer .foot_part3 .foot_a{float: right;color: #fff;} .footer .foot_part3 .foot_a a{display: inline-block;} .footer .foot_part3 .foot_a a:hover{color:#e70012;} /*底部部分 end*/ /*公共部分默认高度*/ .channel_content{min-height: 500px;} /* 导航调整 */ /*.c_banner_p{padding-top: 85px;}*/ /* 公共部分样式 end*/ /* 历史部分 */ .rect-55{padding-bottom: 55%;} .rect-65{padding-bottom: 65%;} .history .tab_t_h{height: 88px;overflow: hidden;} .history .tab_h{width: 100%;left: 0;top:0;background: #fff;height: 88px;z-index: 45;;} .history .tab_h li{width: 25%;font-size: 24px;color: #666;text-align: center;border-bottom: 2px solid #666;float: left;cursor: pointer;height: 86px;line-height: 86px;} .history .tab_h li.cur{border-bottom: 2px solid #e70012;color: #e70012;} .history .tab_h li:hover{color: #e70012;} .history .tab_c{overflow: hidden;} .history .tab_c .ul_box .li_t{float: left;width: 50%;position: relative;} .history .tab_c .ul_box .li_c{float: right;width: 50%;border-left: 1px solid #e6e6e6\0;position: relative;box-sizing: border-box;width: 49.9%\0;} .history .tab_c .ul_box .li_c .tab_linear{position: absolute;left: -1px;top: 0;height: 0;background: #e70012;width: 1px;transition: heigth .5s ease;-webkit-transition: height .5s ease;} .history .tab_c .ul_box .ul_data{padding-left: 13%;padding-right: 34%;} .history .tab_c .ul_box .ul_data li{padding-top: 70px;position: relative;} .history .tab_c .ul_box .ul_data li:after{content: '';position: absolute;left: -80px;height: 100%;width: 1px;background: #e5e5e5;top: -80%;} .history .tab_c .ul_box .ul_data li .h4{font-size: 24px;color: #333333;font-family: 'Arial';line-height: 1;position: relative;line-height: 1;margin-bottom: 3%;} .history .tab_c .ul_box .ul_data li .p{font-size: 14px;color: #808080;padding-bottom: 7%;} .history .tab_c .ul_box .ul_data li .h4:after, .history .tab_c .ul_box .ul_data li .h4:before{content: '';position: absolute;left: -69px;top: 50%;height: 1px;width: 50px;background: #e5e5e5;z-index: 3;} .history .tab_c .ul_box .ul_data li .h4:before{left: -69px;width: 0px;background: #e70012;transition: width .5s ease .5s forwards;-webkit-transition: width .5s ease .5s forwards;z-index: 4;} .history .tab_c .ul_box .ul_data li .h4 .circle{width: 20px;height: 20px;border-radius: 50%;position: absolute;top: 50%;left: -90px;margin-top: -10px;z-index: 5;} .history .tab_c .ul_box .ul_data li .h4 .circle:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(0);border: 1px solid #e70012;transition: transform .5s ease;border-radius: 50%;} .history .tab_c .ul_box .ul_data li .h4 .circle:after{content: '';width: 2px;height: 2px;position: absolute;top: 50%;left: 50%;margin-top: -1px;border-radius: 50%;background: #333;}.history .tab_c .ul_box .ul_data li.cur .h4 .circle:before{transform: scale(1);background: #fff;} .history .tab_c .ul_box .ul_data li.cur .h4 .circle:after{background: #e70012;} .history .tab_c .ul_box .ul_data li.cur .h4:before{width: 50px;} /* 左侧展示 */ .history .tab_c .ul_box .li_t .tit_right li{display: none;} .history .tab_c .ul_box .li_t .tit_right li.normal, .history .tab_c .ul_box .li_t .tit_right li.fixed{display: block;width: 375px;right: 50%;margin-right: 100px;padding-left: 125px;text-align: right;;padding-top: 70px;} .history .tab_c .ul_box .li_t .tit_right li.fixed{display: block;position: fixed;} .history .tab_c .ul_box .li_t .tit_right li .tit, .history .tab_c .ul_box .ul_data .mobile_show .tit{font-size: 30px;font-weight: bold;color: #333333;line-height: 1;padding-bottom: 15px;} .history .tab_c .ul_box .li_t .tit_right li .p, .history .tab_c .ul_box .ul_data .mobile_show .p{font-size: 14px;color: #333;padding-bottom: 20px;} /* 在 ul_data页面里面响应式处理 */ .history .tab_c .ul_box .ul_data .mobile_show{display: none} /* 视频播放页面 */ .video_cen .rect-75{padding-bottom:55%;} .video_cen .common-infor .common-tit{line-height: 1;} .video_cen .common-infor .count{float: left;font-size: 15px;color: #000;padding-top: 14px;} .video_cen .common-infor .count strong{color: #e70012;} .video_cen .common-infor .select{float: right;width: 118px;position: relative;height: 34px;line-height: 34px;text-align: center;border: 1px solid #dedede;cursor: pointer;font-size: 14px;;margin-top: 2px;} .video_cen .common-infor .select .t{font-size: 14px;display: block} .video_cen .common-infor .select .t .iconfont{vertical-align: 0;color: #e70012;margin-left: 20px;margin-right: 0;} .video_cen .common-infor .select .box{position: absolute;top: 100%;left: -1px;width: 100%;background: #fff;border: 1px solid #dedede;max-height: 100px;display: none;z-index: 6;;} .video_cen .common-infor .select .box li{height: 34px;line-height: 34px;position: relative;transition: all .5s ease;-webkit-transition: all .5s ease;} .video_cen .common-infor .select .box li:after{content: '';position: absolute;bottom: 0;width: 80%;left: 10%;height: 1px;background: #dedede;;} .video_cen .common-infor .select .box li:hover:after{display: none;} .video_cen .common-infor .select .box li:last-child:after{display: none;} .video_cen .common-infor .select .box li:hover{background: #e70012;color: #fff;} .video_cen .video_list{padding-top: 0;} .video_cen .video_list .box li{width: 31%;float: left;margin-right: 3.5%;cursor: pointer;padding-bottom:30px;} .video_cen .video_list .box li.end{margin-right: 0;} .video_cen .video_list .box li .video_paly{width: 53px;height: 53px;position: absolute;top: 50%;margin-top: -26px;left: 50%;margin-left: -26px;z-index: 3;background: url("../images/c_img/video_normal.png")/*tpa=resources/web/img/c_img/video_normal.png*/ no-repeat;} .video_cen .video_list .box li:hover .video_paly{background: url("../images/c_img/video_active.png")/*tpa=resources/web/img/c_img/video_active.png*/ no-repeat;} .video_cen .video_list .box li .tit{font-size: 17px;color: #3c3c3c;line-height: 24px;padding-top: 4%;height: 48px;overflow: hidden;;} /*视频样式关闭*/ .i_video_box .about-video-close{position: absolute;right: 0;top: 0;padding: 5px;background-color: #000;z-index: 15;cursor:pointer;} .i_video_box .about-video-close:hover .iconfont{transform:rotate(360deg);} /*旋转可删除*/ .i_video_box .about-video-close .iconfont{font-size: 25px;color: #fff;transition: all .8s ease;} /*我们的价值观*/ .rect-46{padding-bottom: 46%;} .our_value{padding-bottom:0;} .our_value .part_ul{background: url("../images/our_value.jpg")/*tpa=resources/web/img/c_img/our_value.jpg*/ no-repeat center center;width: 100%;padding-top:47px;padding-bottom: 63px;margin-top: 50px;} .common-infor.black .common-tit{color: #333;} .common-infor.black .common-line{background: #333;} .our_value .part_ul .part_content li{width: 25%;float: left;color: #fff;transition: background .5s ease;-webkit-transition:background .5s ease;} .our_value .part_ul .part_content li:hover{background: #e70012;background: rgba(231,0,18,.73);} .our_value .part_ul .part_content li.li4 .box{border-right: none;} .our_value .part_ul .part_content li .box{padding: 70px 34px 0;border-right: 1px solid #fff;line-height: 1;border-right: 1px solid rgba(255,255,255,.4);} .our_value .part_ul .part_content .box .ion{width: 36px;height: 36px;display: block;margin-bottom: 25px;} .our_value .part_ul .part_content .box h3{font-weight: normal;font-size: 18px;} .our_value .part_ul .part_content .box .span_lin{width: 33px;height: 1px;display: block;background: #fff;opacity: 0.6;filter: alpha(opacity=60);margin: 10px 0 15px;} .our_value .part_ul .part_content .box .p{font-size: 14px;line-height: 1.6;height: 220px;overflow: hidden;} /*轮播*/ .our_value .value_slide{margin-top: 31px;margin-bottom: 15px;} .our_value .value_slide .item{visibility: hidden;position: relative;padding-bottom: 30px; cursor:pointer;} .our_value .value_slide.owl-loaded .item{visibility: visible;} .our_value .value_slide .item .font_box{position: absolute;right: 65px;bottom: -30px;padding:30px 60px 40px;background: #f6f6f6;width: 340px} .our_value .value_slide .item .font_box .t{font-size: 24px;color: #000;padding-bottom: 18px;} .our_value .value_slide .item .font_box .p{font-size: 14px;color: #555;height: 190px;overflow: hidden;} .our_value .value_slide ._img{width: 73%;} .our_value .value_slide .owl-nav{position: absolute;bottom: 30px;left: 51.65%;} .our_value .value_slide .owl-nav [class^=owl-]{display: inline-block;width: 55px;height: 50px;text-align: center;line-height: 50px;background: #b7b7b7;color: #fff;transition: all .5s ease;} .our_value .value_slide .owl-nav [class^=owl-]:hover{background: #e70012;} /*轮播*/ .our_value .value_culture{background: #f8f8f8;padding-top: 120px;padding-bottom: 88px;} .our_value .value_culture .common-tit{color: #333333;} .our_value .value_culture .box{border-bottom: 1px solid #e6e6e6;padding-top: 40px;} .our_value .value_culture .part_i{width: 18%;position: relative;} .our_value .value_culture .part_i img{display:none;} .our_value .value_culture .part_i:after{content: '';position: absolute;right: 0;top: 28px;height: 30px;width: 1px;background: #e70012;} .our_value .value_culture .part_i h3{margin-top: 30px;font-size: 18px;line-height: 1;padding-bottom: 35px;} .our_value .value_culture .part_p{font-size: 13px;width: 65%;margin-left: 5%;padding-top: 28px;} /*品牌*/ .brand{padding-bottom:110px;} .brand .brand_hd{margin-top:55px; text-align:center; font-size:0;} .brand .brand_hd li{height:53px; text-align:center; line-height:53px; border:1px solid #989898; color:#7b7a7a; font-size:20px; display:inline-block; margin-right:1.4%; margin-bottom:40px; cursor:pointer; width:12.4%;} .brand .brand_hd li.cur{border:1px solid #e70012; background:#e70012; color:#fff;} .brand .brand_bd li{border-bottom:1px solid #dddddd; padding-bottom:50px;} .brand .brand_bd .item{display:none;} .brand .brand_bd .item.active{display:block;} .brand .brand_bd .item a{width:25%; float:left;} .brand .brand_bd .item a .txt{text-align:center; font-size:18px; display:block;/* margin-top:25px;*/} /*cxw end************************************************************/ /*20180702*/ /*二级导航*/ .sec_nav .nav_li.item .inner_ul{width:140%;} /*logo*/ .nav .stock span{color:#e70012} /*底部*/ .footer .foot_part1 dl.dl01{width: 15%} .footer .foot_part1 dl.dl02{width: 15%} .footer .foot_part1 dl.dl03{width: 15%} .footer .foot_part1 dl.dl04{width: 26%} /*关于豫耐*/ .about02 li .li_box .cover .con{padding:0 10%;} .about02 li .li_box .cover .con .list_li{width:47%;} .about02 li .li_box .cover .con .list_li.odd{margin-right:6%;} .about02 li .li_box .cover .con .list_li a{font-size:14px;} .about02 li.li02 .li_box .cover .con{padding:0 15%;} .about02 li.li02 .li_box .cover .con .list_li{width:32%;} .about02 li.li02 .li_box .cover .con .list_li.odd{margin-right:26%;} /*价值观*/ .our_value .value_culture{background: #f8f8f8;padding-top:60px;padding-bottom: 85px;} .our_value .value_culture .content{padding:0 5% 0 8.5%;} .our_value .value_culture .part_i{padding-left:2%;} /*value弹窗*/ .value_detail{position:fixed; top:40px; width:86%; z-index:50; background:#fff;background:rgba(255,255,255,0.9); max-width: 1020px; height:100%; left:50%; margin-left:-510px;} .value_detail .box{padding:5% 10% 5%; position:relative; overflow:hidden;} .value_bg {position:fixed; width:100%; height:100%; left:0; top:0; background:url("../images/black.6.png")/*tpa=resources/web/img/black.6.png*/; z-index:90;} .value_detail .box .img_{text-align:center; margin-bottom:30px;} .value_detail .box .content{font-size:14px; line-height:29px;} .value_detail .box .content .tit{font-weight:bold;} .value_detail .close{position:absolute;top: 20px; right: 10px;width:50px; height:50px; cursor:pointer; z-index: 30} /*.value_detail .close:hover img {transform: rotate(360deg); -webkit-transform: rotate(360deg); vertical-align:middle;}*/ .value_detail .close img {transition: all 1s ease; -webkit-transition: all 1s ease; } .our_value .scrollbar-ui-hover .scroll_bar {opacity: 0; } /*报告*/ .report02 .li_box .tit{overflow:hidden; padding-right:23px;cursor: pointer;} .report02 .li_box .tit i{float:right;font-size:20px; padding:0; margin:0;} .report02 .li_box .tit i.icon-up{display:none;} .report02 .list_ul li.cur .li_box .tit i.icon-up{display:block;} .report02 .list_ul li.cur .li_box .tit i.icon_down{display:none;} /*油田装备*/ .oil_equipment04{background-color:#fff;} .oil_equipment04 .content .slider-for .slick-slide{box-sizing:border-box; border:1px solid #ccc; } .oil_equipment04 .content .slider-for .item_right .box .c{overflow:hidden;position:relative;} .oil_equipment04 .scrollbar-ui .scroll_bar{opacity: 0;visibility: hidden;} /*分布能源*/ .energy02 .content .slider-for .item_right .box .c{overflow:hidden;position:relative;} .energy02 .scrollbar-ui .scroll_bar{opacity: 0;visibility: hidden;} /*气田地面工程*/ .gas_field03 .content .slider-for .item_right .box .c{overflow:hidden;position:relative;} .gas_field03 .scrollbar-ui .scroll_bar{opacity: 0;visibility: hidden;} /*加注站*/ .LNG_station04 .content .slider-for .item_right .box .c{overflow:hidden;position:relative;} .LNG_station04 .scrollbar-ui .scroll_bar{opacity: 0;visibility: hidden;} /*LNG*/ .LNG03 .content .slider-for .item_right .box .c{overflow:hidden;position:relative;} .LNG03 .scrollbar-ui .scroll_bar{opacity: 0;visibility: hidden;} /*油田地面工程*/ .gas_field01 .content li .txt span{display:inline-block; padding:53px 10px} /*站内搜索*/ /*body .content-50296{margin-top:60px;} body .content-50295:nth-child(1){margin-top:60px;}*/ body .content-50296 .sear_result li { margin-bottom: 10px; margin-top: 20px; } body .content-50296 .sear_result .el { font-size: 14px; _width: 100%; } body .content-50296 .sear_result .type { color: #000; display: inline-block; padding: 0 1em; border-right: 1px solid #ddd; margin-right: 1em; font-weight: bold; } body .content-50296 .sear_result a { color: #333; } body .content-50296 .sear_result .p { padding: 10px 20px; border-top: 1px solid #ddd; margin-top: 10px; } /*采油技术服务*/ .oil_technology01 .content .list li .box{padding:60px 60px 120px 60px;} .box_bigimg .list li .box_bd .right dl.dl01 dd{padding-right:20px;} .oil_technology01 .list li .box_bd .right dl.dl02{margin-top:30px;} /*去掉加载更多的白色背景*/ .uni_btn_more_wrap.nomore .btn_load:before {background-color:transparent;} .uni_btn_more_wrap.nomore .btn_load .txt_loading{display: none;} /*气体增压装备*/ .gas_pressure .uni_btn_more_wrap.nomore .btn_load:before {background-color:transparent;} /*油气田一体化*/ .oil_technology01 .owl-carousel{text-align:center;} .oil_technology01 .owl-carousel .owl-stage{display:inline-block;} /*HSE修改*/ .HSE03 .content .img_{width:25%;} .HSE03 .content .box_bigimg{position:fixed; width:100%; height:100%; top:0; left:0;background:#000\9\0; filter:alpha(opacity=90); background:rgba(0,0,0,0.5); display:none; z-index:20;} /*.HSE03 .content .box_bigimg .box_body .imgs img{filter:alpha(opacity=100)}*/ .HSE03 .content .box_bigimg .box_body{top:50%; margin-top:-300px\9\0; left:50%; margin-left:-225px\9\0; transform: translate(-50%,-50%); width:450px; height:600px; position:absolute;} .HSE03 .content .box_bigimg .box_body .img_close{width:30px; height:30px; border-radius:50%; font-size:16px; background:#F33D4A; color:#fff; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer;} .HSE03 .content .item .img_ img{width:100%;} /*滚动加载删掉 没有更多内容 这句话*/ .uni_btn_more_wrap.nomore{display:none;} /*管道工程*/ .guandao_field .gas_field02 .list .li_left .num{display:none;} .guandao_field .gas_field02 .list .li_right .t{display: none;} /*油气田*/ .youqi_technology .oil_technology01 .owl-carousel{display:none;} .youqi_technology .oil_technology01 .content .list li .box .box_infor .box_tit{display: none;} .youqi_technology .oil_technology01 .content .list li .box .box_infor .box_con{display: none;} .youqi_technology .oil_technology01 .content .list li {opacity: 1; filter: alpha(opacity=100); height:auto; transform: scale(1); } .youqi_technology .oil_technology01 .content .list{margin-top:0;} .youqi_technology .oil_technology01 .content{margin-top:50px;} /*20170705 wangtian*/ .about02{padding:42px 0 70px;} .about02 .infor .tit{font-size:30px;} .our_value .part_ul .common-tit{font-size:30px;} .our_value .our_value02 .common-tit{font-size:30px; color:#333;} .our_value .value_culture .common-tit{font-size:30px;} .gas_field03 .common-tit{font-size:30px;} .gas_field03 .common-line{display:none;} .gas_field03 .content {margin-top: 20px; } .LNG03 .common-tit{font-size:30px;} .LNG03 .common-line{display:none;} .LNG03 .content{margin-top:20px;} .LNG_station03 .common-tit{font-size:30px;} .LNG_station03 .common-line{display:none;} .LNG_station03 .content{margin-top:10px;} .LNG_station04 .common-tit{font-size:30px;} .LNG_station04 .common-line{display:none;} .LNG_station04 .content{margin-top:20px;} .oil_technology01 .content{margin-top:50px;} .oil_technology01 .content .list{margin-top:40px;} .oil_technology01 .content .list li .box {padding: 60px 60px 80px 60px; } .oil_equipment02 .common-tit{font-size:30px;} .oil_equipment02 .common-line{display:none;} .oil_equipment02 .content{margin-top:20px;} .oil_equipment02{padding:65px 0 30px;} .oil_equipment04 .common-tit{font-size:30px;} .oil_equipment04 .common-line{display:none;} .oil_equipment04 .content{margin-top:20px;} .gas_pressure02 .common-line{display: none;} .gas_pressure02 .content{margin-top:30px;} .energy02 .common-tit{font-size:30px;} .energy02 .common-line{display: none;} .energy02 .content{margin-top:30px;} .news_list01 .common-line{margin-bottom:40px;} .HSE02 .common-tit{font-size:30px; color:#333;} .HSE02 .common-line{display: none;} .HSE02{background:#F2F2F2; padding:50px 0; margin-top:50px;} .HSE03{margin:50px 0;} .HSE03 .common-tit{font-size:30px; color:#333;} .HSE03 .common-line{display: none;} .HSE03 .content .img_ {width: 24%; margin-right: 1%; cursor:pointer;} .HSE04{padding:50px 0;} .HSE04 .common-tit{font-size:30px; color:#333;} .HSE04 .common-line{display: none;} .HSE04 .content .item .tit{margin-top:40px;} .investor_contact01 .common-line{display:none;} .investor_contact{padding-top:40px;} /*新改导航*/ .nav .nav_m{float: left;margin-left: 40px;font-size: 15px;color: #242526;} .nav .nav_m>ul{overflow:hidden; } .nav .nav_m>ul>li{float: left;width: 105px;font-size: 15px;color: #242526;height: 49px; text-align:center; padding-top:28px; padding-bottom:8px;} .nav .nav_m>ul>li a{color: #242526;display: block;height: 100%; padding:0 10px;} .nav .inner_bg{width: 100%;background: #f4f4f4;position: absolute;top: 85px;z-index: 5;height: 100%;left: 0;} .nav .nav_m .inner_box{position: absolute;top:85px;width: 1200px;left: 0;z-index: 6;padding: 3% 0;display: none;left: 50%;margin-left: -600px;/*background: #f4f4f4;*/} .nav .nav_m .second_nav li{width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #ccc;} /*.nav .nav_m .inner_box li{width: 230px;}*/ .nav .nav_m .inner_box.open{display: block;} .nav .nav_m .second_nav li{border-bottom: none;} .nav .nav_m .inner_box{padding: 0 0 2%; text-align:left;} .nav .inner_bg{background:url("../images/nav.jpg")/*tpa=resources/web/img/nav.jpg*/ repeat center center;width: 1920px; left: 50%; margin-left: -960px; } .nav .inner_box .sec_list{width:17.5%; float:left; /*background-color:pink;*/} .nav .inner_box .sec_list .second_nav a{position:relative;padding-left:9%; padding-right:35%;} .nav .inner_box .sec_list .second_nav .n_jt{display:inline-block; width:5px; height:9px; background:url("../images/nav_jt.png")/*tpa=resources/web/img/nav_jt.png*/ no-repeat; background-position:0 0; position:absolute; right:30%; top:50%; margin-top:-4px;} .nav .inner_box .sec_list .second_nav{margin-top:35px;} .nav .inner_box .sec_img{float:right; width:82.5%;/* background-color: #ffccaa*/} .nav .inner_box .sec_img .img_infor{float:left; width:53%; padding-left:7%;} .nav .inner_box .sec_img .img_infor .txt{padding:43px 70px 32px 0; line-height: 30px;} .nav .inner_box .sec_img .img_infor .txt span{display:inline-block; height:120px; overflow:hidden; font-size:14px;} .nav .inner_box .sec_img .img_infor .btn_more{width: 180px;height: 36px;border: 1px solid #e70012;border-radius: 20px;display: block;line-height: 36px;text-align: center;overflow: hidden; margin-bottom:30px;} .nav .inner_box .sec_img .img_infor .btn_more:hover{color: #fff;} .nav .inner_box .sec_img .img_pic{float:right; width:35%; margin-right:5%;margin-top:45px;} .nav .inner_box .sec_business{float:right; width:82.5%;/* background-color: #ffccaa*/} .nav .inner_box .sec_business .item{display:none;} .nav .inner_box .sec_business .sec_bus_l{float:left; width:53%; padding-left:7%;} .nav .inner_box .sec_business .sec_bus_l .txt{padding:75px 70px 50px 0;} .nav .inner_box .sec_business .sec_bus_l .txt span{display:inline-block; height:72px; overflow:hidden;} .nav .inner_box .sec_business .sec_bus_l .btn_more{width: 180px;height: 36px;border: 1px solid #e70012;border-radius: 20px;display: block;line-height: 36px;text-align: center;overflow: hidden; margin-bottom:30px;} .nav .inner_box .sec_business .sec_bus_l .btn_more:hover{color: #fff;} .nav .inner_box .sec_business .img_pic{float:right; width:35%; margin-right:5%;margin-top:45px;} .nav .third_nav{margin-top:35px;} .nav .third_nav li{width:50%; float:left; line-height:46px; text-align:left;} /*选中态*/ .nav .nav_m ul li a:hover{color: #e70012;} .nav .inner_box .sec_list ul li a:hover .n_jt{background-position:0 -9px;} .nav .inner_box .sec_list .second_nav li.cur a{color:#e70012;} .nav .inner_box .sec_list .second_nav li.cur a .n_jt{background-position:0 -9px} .nav .inner_box .sec_business .item.cur{display:block;} /*20180705*/ .value_detail {top:5%; z-index: 100; background: #fff; max-width: 700px; height:auto; left: 50%; margin-left: -350px; overflow:hidden;/* padding-bottom:3%;*/ bottom:5%; overflow:hidden;} .value_detail .box .content{overflow:hidden; overflow-y:auto;} @media only screen and (min-width:1441px){ /*.value_detail{height: 70%; top:10%;}*/ .value_detail{top:10%; bottom:10%;} } /*changxw*/ .HSE03 .content .img_{position:relative;} .HSE03 .content .img_ i {position: absolute; font-size: 20px; right: 5px; bottom: 5px; padding: 0; margin: 0; } .history .tab_c .ul_box .li_t .rect-65{box-shadow: 0 0 10px 0 rgba(157,157,157,.4);} body .invest{padding-bottom: 0;} .rect-67{padding-bottom: 67%;} .invest .part1{margin-bottom: 50px;} .invest .part2{padding: 100px 0;background-repeat: no-repeat;background: url("../images/c_img/invest_01.jpg")/*tpa=resources/web/img/c_img/invest_01.jpg*/ no-repeat;} .invest .part2 .tit{font-size: 30px;color: #fff;line-height: 1;margin-bottom: 44px;text-align: center;} .invest .part2 .box{padding: 50px 40px;background: #fff;} .invest .part2 .box_l{width: 41%;float: left;} .invest .part2 .box_r{width: 51%;float: right;} .invest .part2 .box_r .t{font-size: 16px;color: #393939;font-weight: bold;width: 40%;padding-left: 7%;position: relative;float: left;line-height: 1;margin-top: 3px;} .invest .part2 .box_r .s{width: 53%;float: left;} .invest .part2 .box_r .t .lin{position: absolute;bottom: 5px;left: 20px;display: inline-block;width: 6px;height: 2px;background: #000;} .invest .part2 .box_r .s{font-size: 13px;color: #494949;line-height: 24px;} .invest .part2 .box_r li{padding: 25px 0 15px;border-bottom: 1px solid #bdbdbd;margin-bottom: 22px;} .invest .part2 .box_r li.end{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} .invest .part3 .box_l{padding-left: 3.5%;width: 25%;float: left;} .history .tab_c .ul_box .ul_data li:after{height: 130%;} .history .tab_c .ul_box .ul_data li.cur_end:after{height: 100%;} .brand .intro{font-size:14px; line-height:30px; color:#333; padding:0 8%; text-align:center;} /*导航吸顶*/ .nav{position:fixed; z-index: 89;background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,0.3); opacity:1;visibility:visible;} .nav .nav_box{transition:padding 0.5s ease;} /*.nav.xiding{height:69px;}*/ /*.nav.xiding{ background-color:#fff;}*/ /*.nav.xiding .nav_box{padding-top:20px; }*/ /*.nav.height_auto{height: auto!important;}*/ /*首页icon*/ .ipart02 .left_box .pd ul{display:none;} .ipart02 .left_box .pd ul.ul01{display:block;} .ipart02 .box .pd li{width: 184px; float: left; margin-right: 20px; margin-bottom: 20px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 24px; } .ipart02 .box .pd li:hover {background: #fff;filter:alpha(opacity=60);background: rgba(255,255,255,0.6); } .ipart02 .box .pd li .list_box { display: block; cursor: pointer; filter:alpha(opacity=60); border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.8); box-sizing: border-box; text-align: left; padding: 4px 20px; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; border-radius: 24px; text-align:center; } .ipart02 .box .pd li .list_box .icon {width: 35px; height: 35px; background-size: 100% 200%; display: inline-block; margin-right: 4%; display: inline-block; vertical-align: middle;} .ipart02 .box .pd li.li1 .list_box .icon{background-image: url("../images/ipart_icon1.png")/*tpa=resources/web/img/ipart_icon1.png*/; } .ipart02 .box .pd li.li2 .list_box .icon{background-image:url("../images/ipart_icon2.png")/*tpa=resources/web/img/ipart_icon2.png*/;} .ipart02 .box .pd li.li3 .list_box .icon{background-image:url("../images/ipart_icon3.png")/*tpa=resources/web/img/ipart_icon3.png*/;} .ipart02 .box .pd li.li4 .list_box .icon{background-image:url("../images/ipart_icon4.png")/*tpa=resources/web/img/ipart_icon4.png*/;} .ipart02 .box .pd li:hover .list_box .icon {background-position: 0 -35px;/* background-position: 0 -55px\9\0;*/} .ipart02 .box .pd li .list_box .name {font-size: 16px; color: #fff; text-align: center; display: inline-block;vertical-align:middle; position: relative;} .ipart02 .box .pd li .list_box .name:before { content: attr(data-text); opacity: 1; visibility:visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .ipart02 .box .pd li:hover .list_box .name:before {opacity: 0; visibility:hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .ipart02 .box .pd li .list_box .name span { display: inline-block; opacity: 0; visibility:hidden; color: #e70012; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); padding: 0 1px; } .ipart02 .box .pd li:hover .list_box .name span {opacity: 1; visibility:visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ipart02 .box .pd li:hover .list_box .name span.span01{ -webkit-transition-delay: 0.045s; transition-delay: 0.045s; } .ipart02 .box .pd li:hover .list_box .name span.span02{ -webkit-transition-delay: 0.09s; transition-delay: 0.09s; } .ipart02 .box .pd li:hover .list_box .name span.span03{ -webkit-transition-delay: 0.135s; transition-delay: 0.135s; } .ipart02 .box .pd li:hover .list_box .name span.span04{ -webkit-transition-delay: 0.18s; transition-delay: 0.18s; } /*联系我们*/ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .contact_us02 .content .map_c li .tan_box .infor .c::-webkit-scrollbar {width: 4px; height: 4px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ .contact_us02 .content .map_c li .tan_box .infor .c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color:#F5F5F5 } /*定义滑块 内阴影+圆角*/ .contact_us02 .content .map_c li .tan_box .infor .c::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #e70012; } .contact_us{padding-bottom:0;} .contact_us01 .common-line{margin-bottom:32px;} .contact_us01 .content{padding:0 9.6% 0 8%; } .contact_us01 .content .tab_t{width:20%; float:left; text-align:center; line-height:53px; font-size:16px; color:#000;} .contact_us01 .content .tab_t span{display:block; border:1px solid #d6d6d7; margin-left:-1px;} .contact_us01 .content .tab_c_box{height:325px; background-color:#f8f8f8;} .contact_us01 .content .tab_c ul{padding-top:69px;} .contact_us01 .content .tab_c li{float:left; width:50%; margin-bottom:25px;} .contact_us01 .content .tab_c .li_box{/*padding-left:65px; padding-right:35px;*/ padding: 0 20px 0 60px;} .contact_us01 .content .tab_c .li_box .tit{font-size:18px; color:#000; margin-bottom: 30px;} .contact_us01 .content .tab_c .li_box .con{font-size:16px; color:#626262;} .contact_us02{height:847px; overflow:hidden; position:relative; background:url("../images/contact_us01.jpg")/*tpa=resources/web/img/contact_us01.jpg*/ no-repeat; margin-top:64px;} .contact_us02 .tit{font-size: 30px; color: #fff; line-height: 1; font-weight: normal; text-align:center; margin-bottom:50px; padding-top:50px;} .contact_us02 .content .map_t_box{padding:0 10.6% 0 16%; margin-bottom:73px;} .contact_us02 .content .map_t{width:auto; float:left; text-align:center; line-height:53px; font-size:16px; color:#fff; cursor:pointer;} .contact_us02 .content .map_t span{display:block; padding:0 30px; border:1px solid #d6d6d7; margin-left:-1px;} .contact_us02 .content .map_c_box{position:relative;} .contact_us02 .content .map_c{display:none;} .contact_us02 .content .map_c li{position:absolute;} .contact_us02 .content .map_c li i.icon{width:22px; height:22px; background:url("../images/contact_dot.png")/*tpa=resources/web/img/contact_dot.png*/ no-repeat; display:inline-block; cursor:pointer; position:relative; z-index: 1} .contact_us02 .content .map_c li span{color:#fff; font-size:14px; position:relative; z-index: 3} @keyframes warn { 0% { transform: scale(1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0.2; } 50% { transform: scale(1.2); opacity: 0.4; } 75% { transform: scale(1.3); opacity: 0.2; } 100% { transform: scale(1.4); opacity: 0; } } @-webkit-keyframes warn { 0% { transform: scale(1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0.2; } 50% { transform: scale(1.2); opacity: 0.4; } 75% { transform: scale(1.3); opacity: 0.2; } 100% { transform: scale(1.4); opacity: 0; } } .contact_us02 .content .map_c li .pulse { position: absolute; width:30px; height:30px; left:50%; top:50%; margin-top:-15px; margin-left:-17px; border:1px solid #fff; border-radius:50%; z-index: 1; opacity:0; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite; } .contact_us02 .content .map_c li .pulse01 { position: absolute; width:50px; height:50px; left:50%; top:50%; margin-top:-25px; margin-left:-27px; border:1px solid #fff; border-radius:50%; z-index: 1; opacity:0; -webkit-animation: warn 2s linear 0.4s infinite; -moz-animation: warn 2s linear 0.4s infinite;animation: warn 2s linear 0.4s infinite; } .contact_us02 .content .map_c h3{display:none;} .contact_us02 .content .map_c li .tan_box{position:absolute; width:400px; height:180px; background:#fff; bottom:0; left:0; display:none;} .contact_us02 .content .map_c li .tan_box .infor{padding:20px; line-height:26px;} .contact_us02 .content .map_c li .tan_box .infor .t{font-size:20px; color:#000; margin-bottom:20px;} .contact_us02 .content .map_c li .tan_box .infor .c{font-size:14px; color:#4a4a4a;height: 78px;overflow-y:auto; } .contact_us02 .content .map_c li .tan_box .infor .c a{display:block;} .contact_us02 .content .map_c li .tan_box .infor .close{position:absolute; right:20px; top:20px; background:#e70012; width:37px; height:37px; border-radius:50%; text-align:center; line-height:37px; color:#fff; font-size:20px; cursor:pointer;} /*全部国家的点*/ /*.contact_us02 .map_c#all li.xiusidun{left:30.75%; top:56%;} .contact_us02 .map_c#all li.America{left:16.5%; top:27.5%;}*/ /*亚太地区*/ /*.contact_us02 .map_c#yatai li.xiusidun{left:53.92%; top:56%;} .contact_us02 .map_c#yatai li.America{left:39.3%; top:27.5%;}*/ /*选中态*/ .contact_us01 .content .tab_t.tab_t_cur{background:#e70012; color:#fff;} .contact_us01 .content .tab_c.tab_c_cur{display:block;} .contact_us02 .content .map_t.cur{background:#e70012; color:#fff;} .contact_us02 .content .map_c.cur{display:block;} /*矿山修复*/ .mine_repair02{margin-top:70px;} .mine_repair02 .tab_t_box li{text-align:center; padding-bottom:22px; position:relative; border-bottom:3px solid #DCDDDF; font-size:20px; cursor:pointer;} .mine_repair02 .tab_c_box{/*height:715px;*/ overflow:hidden; background:url("../images/repair03.jpg")/*tpa=resources/web/img/repair03.jpg*/ no-repeat; margin-top:43px;} .mine_repair02 .tab_c_box li{display:none;} .mine_repair02 .tab_c_box .li_box{padding:74px 0 112px;} .mine_repair02 .tab_c_box .li_box .infor{text-align:center;padding:0 11%;} .mine_repair02 .tab_c_box .li_box .tit{font-size:30px; color:#3e3e3e; margin-bottom:25px} .mine_repair02 .tab_c_box .li_box .con{font-size:16px; color:#494949; margin-bottom:60px} .mine_repair02 .tab_c_box .li_box .bd{background:#fff; background:rgba(255,255,255,0.5);} .mine_repair02 .tab_c_box .li_box .bd_box{padding:36px 145px;} .mine_repair02 .tab_c_box .li_box .bd_box dl{margin-top:14px;} .mine_repair02 .tab_c_box .li_box .bd_box dt{text-align:center; font-size:30px; color:#3e3e3e;} .mine_repair02 .tab_c_box .li_box .bd_box dd{font-size:16px; color:#6a6a6a; margin-bottom:35px;} .mine_repair02 .tab_c_box .li_box .bd_box dd span{color:#f3791c; display:block;} .mine_repair02 .tab_c_box .li_box .content .box{padding:0 10.5% 0 15%;} .mine_repair02 .tab_c_box .li_box .content .box .item{width:42%; margin-right:8%; background:#fff; background:rgba(255,255,255,0.5); float:left;} .mine_repair02 .tab_c_box .li_box .content .box .item .l_box{padding:65px 76px 70px 67px} .mine_repair02 .tab_c_box .li_box .content .box .item .l_box .t .icon{width:57px; height:53px; background:url("../images/repair04.png")/*tpa=resources/web/img/repair04.png*/ no-repeat; display:inline-block; vertical-align:middle;} .mine_repair02 .tab_c_box .li_box .content .box .item .l_box .t .icon02{background-position: -57px 0;} .mine_repair02 .tab_c_box .li_box .content .box .item .l_box .t{font-size:30px; color:#3e3e3e;} .mine_repair02 .tab_c_box .li_box .content .box .item .l_box .t span{display:inline-block; vertical-align:middle; margin-left:12px;} .mine_repair02 .tab_c_box .li_box .content .box .item .l_box .c{font-size:16px; color:#000; line-height:26px; margin-top:20px; height:78px; overflow:hidden;} .mine_repair02 .youshi .item{display:none;} .mine_repair02 .youshi .item .title{font-size:30px; color:#333; line-height:1; padding:63px 0 34px; text-align:center;} .mine_repair02 .youshi .item li{background:#f7f7f7; margin-bottom:54px;} .mine_repair02 .youshi .item li.odd .li_box{padding:34px 100px 34px 23px;} .mine_repair02 .youshi .item li.even .li_box{padding:34px 23px 34px 100px;} .mine_repair02 .youshi .item li .infor{width:66%; margin-top:43px;} .mine_repair02 .youshi .item li .infor .tit{font-size:24px; color:#333; line-height:30px; margin-bottom:24px;} .mine_repair02 .youshi .item li .infor .con{font-size:14px; color:#333; line-height:30px} .mine_repair02 .youshi .item li .img_{width:30%;} .mine_repair02 .youshi .item li.odd .infor{float:right;} .mine_repair02 .youshi .item li.odd .img_{float:left; margin-right:3.7%;} .mine_repair02 .youshi .item li.even .infor{float:left;} .mine_repair02 .youshi .item li.even .img_{float:right;margin-left:3.7%;} .mine_repair02 .youshi .item li.even .infor {text-align:right;} /*选中态*/ .mine_repair02 .tab_t_box li.cur:after{content:''; position:absolute; left:50%; margin-left:-4px; width:9px; height:5px; background:url("../images/repair02.png")/*tpa=resources/web/img/repair02.png*/ no-repeat; bottom:-11px;} .mine_repair02 .tab_t_box li.cur{border-color:#e70012;} .mine_repair02 .tab_c_box li.cur{display:block;} .mine_repair02 .youshi .item.cur{display:block;} /*土壤修复*/ .soil_repair02{margin-top:70px;} .soil_repair02 .tab_t_box li{text-align:center; padding-bottom:22px; position:relative; border-bottom:3px solid #DCDDDF; font-size:20px; cursor:pointer;} .soil_repair02 .tab_c_box{/*height:715px;*/ overflow:hidden; background:url("../images/repair03.jpg")/*tpa=resources/web/img/repair03.jpg*/ no-repeat; margin-top:43px;} .soil_repair02 .tab_c_box li{display:none;} .soil_repair02 .tab_c_box .li_box{padding:50px 0 112px;} .soil_repair02 .tab_c_box .li_box .infor{text-align:center;padding:0 11%;} .soil_repair02 .tab_c_box .li_box .tit{font-size:30px; color:#3e3e3e; margin-bottom:25px} .soil_repair02 .tab_c_box .li_box .con{font-size:14px; color:#494949; margin-bottom:60px} .soil_repair02 .tab_c_box .li_box .bd{background:#fff; background:rgba(255,255,255,0.5);} .soil_repair02 .tab_c_box .li_box .bd_box{padding:36px 145px;} .soil_repair02 .tab_c_box .li_box .bd_box dl{margin-top:14px;} /*.soil_repair02 .tab_c_box .li_box .bd_box dt{text-align:center; font-size:20px; color:#3e3e3e; margin-bottom:10px;}*/ .soil_repair02 .tab_c_box .li_box .bd_box dd{font-size:14px; color:#000; margin-bottom:30px; line-height:30px;} /*.soil_repair02 .tab_c_box .li_box .bd_box dd span{color:#f3791c; display:block;}*/ .soil_repair02 .tab_c_box .li_box .content .box{padding:0 10.5% 0 15%;} .soil_repair02 .tab_c_box .li_box .content .box .item{width:42%; margin-right:8%; background:#fff; background:rgba(255,255,255,0.5); float:left;} .soil_repair02 .tab_c_box .li_box .content .box .item .l_box{padding:65px 76px 70px 67px} .soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t .icon{width:57px; height:53px; background:url("../images/repair04.png")/*tpa=resources/web/img/repair04.png*/ no-repeat; display:inline-block; vertical-align:middle;} .soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t .icon02{background-position: -57px 0;} .soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t{font-size:30px; color:#3e3e3e;} .soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t span{display:inline-block; vertical-align:middle; margin-left:12px;} .soil_repair02 .tab_c_box .li_box .content .box .item .l_box .c{font-size:16px; color:#000; line-height:26px; margin-top:20px; height:78px; overflow:hidden;} .soil_repair02 .youshi .item{display:none;} .soil_repair02 .youshi .item .title{font-size:30px; color:#333; line-height:1; padding:63px 0 34px; text-align:center;} .soil_repair02 .youshi .item li{background:#f7f7f7; margin-bottom:54px;} .soil_repair02 .youshi .item li.odd .li_box{padding:34px 100px 34px 23px;} .soil_repair02 .youshi .item li.even .li_box{padding:34px 23px 34px 100px;} .soil_repair02 .youshi .item li .infor{width:66%; margin-top:43px;} .soil_repair02 .youshi .item li .infor .tit{font-size:20px; color:#333; line-height:30px; margin-bottom:24px;} .soil_repair02 .youshi .item li .infor .con{font-size:14px; color:#333; line-height:30px;} .soil_repair02 .youshi .item li .img_{width:30%;} .soil_repair02 .youshi .item li.odd .infor{float:right;} .soil_repair02 .youshi .item li.odd .img_{float:left; margin-right:3.7%;} .soil_repair02 .youshi .item li.even .infor{float:left;} .soil_repair02 .youshi .item li.even .img_{float:right;margin-left:3.7%;} .soil_repair02 .youshi .item li.even .infor {text-align:left;} .soil_repair02 .core_technology .item{display: none;} .soil_repair02 .core_technology .title{font-size:30px; color:#333; line-height:1; padding:20px 0 34px; text-align:center;} .soil_repair02 .core_technology .content dt{font-size:20px; color:#e70012; position:relative; padding-left:32px; margin-right:12px; margin-bottom:30px;} .soil_repair02 .core_technology .content dt:before{content:''; width:10px; height:10px; background:url("../images/repair07.png")/*tpa=resources/web/img/repair07.png*/ no-repeat; position:absolute; top:50%; margin-top:-5px; left:3px;} .soil_repair02 .core_technology .content dt:after{content:'';width:89%; height:1px; background:url("../images/repair08.png")/*tpa=resources/web/img/repair08.png*/ repeat-x; position:absolute; top:50%; right:0;} .soil_repair02 .core_technology .content dd{padding-left:2%; margin-right:3%; float:left; position:relative; margin-bottom:30px; width:20%;} .soil_repair02 .core_technology .content dd:after{content:''; width:4px; height:4px; background:#e70012; position:absolute; left:16px; top:9px; border-radius:10px;} /*选中态*/ .soil_repair02 .tab_t_box li.cur:after{content:''; position:absolute; left:50%; margin-left:-4px; width:9px; height:5px; background:url("../images/repair02.png")/*tpa=resources/web/img/repair02.png*/ no-repeat; bottom:-11px;} .soil_repair02 .tab_t_box li.cur{border-color:#e70012;} .soil_repair02 .tab_c_box li.cur{display:block;} .soil_repair02 .youshi .item.cur{display:block;} .soil_repair02 .core_technology .item.cur{display:block;} /*环境装备制造*/ .environment{padding-bottom:0;} .environment02{margin-top:70px;} .environment02 .tab_c_box{/*height:715px;*/ overflow:hidden; background:#f7f7f7; margin-top:43px;} .environment02 .tab_t_box li{text-align:center; padding-bottom:22px; position:relative; border-bottom:3px solid #DCDDDF; font-size:20px; cursor:pointer;} .environment02 .tab_c_box .item{padding-bottom:0; padding:65px 0; display:none;} .environment02 .tab_c_box .item .title{color:#414141; font-size:30px; text-align:center;} .environment02 .tab_c_box .item .rect-5529{padding-bottom:55.29%;} .environment02 .tab_c_box .item .content{margin-top:30px;} .environment02 .tab_c_box .item .content li{margin-bottom:38px; border-bottom:3px solid #5c5c5c;} .environment02 .tab_c_box .item .content li .cover{width:100%; height:100%; position:absolute; left:0;top:0; background:#e70012; filter:alpha(opacity=80); background:rgba(231,0,18,0.8); z-index:3; opacity:0; visibility:hidden;} .environment02 .tab_c_box .item .content li .cover .infor{padding:65px 45px 65px; color:#fff; text-align:justify;} .environment02 .tab_c_box .item .content li .cover .infor .tit{font-size:20px; line-height:28px; margin-bottom:16px;} .environment02 .tab_c_box .item .content li .cover .infor .con{font-size:13px; line-height:25px; margin-bottom:20px; height:75px; overflow:hidden;} .environment02 .tab_c_box .item .content li .cover .infor .oil_more{width:141px; height:41px; line-height:41px; border-color:#fff; filter:alpha(opacity=60); border:1px solid rgba(255,255,255,0.6); border-radius:50px; margin:0 auto; text-align:center; } @media only screen and (min-width:1366px){ .environment02 .tab_c_box .item .content .row>.span-4{width:31.333%;} .environment02 .tab_c_box .item .content .row>[class*="span-"]{margin-right:2%;} } .environment02 .tab_c_box .item .content li .intro{font-size:16px; color:#5b5b5b; padding:30px 0 25px; line-height:1; text-align:center;} /*触控状态*/ .environment02 .tab_c_box .item .content li:hover{border-color:#e70012;} .environment02 .tab_c_box .item .content li:hover .intro{color:#e70012;} .environment02 .tab_c_box .item .content li:hover .cover{opacity:1; visibility:visible;} .environment02 .tab_c_box .item .content li:hover .cover{bottom:0;} /*选中态*/ .environment02 .tab_t_box li.cur:after{content:''; position:absolute; left:50%; margin-left:-4px; width:9px; height:5px; background:url("../images/repair02.png")/*tpa=resources/web/img/repair02.png*/ no-repeat; bottom:-11px;} .environment02 .tab_t_box li.cur{border-color:#e70012;} .environment02 .tab_c_box .item.cur{display:block;} /*品牌详细*/ .brand_detail_TM{padding-bottom:0;} .brand_detail_TM .infor {/*padding:0 10%;*/ text-align:center;} .brand_detail_TM .infor .tit{font-size:30px; color:#3e3a39; line-height:1; margin-bottom:25px;} .brand_det_TM02{background:#f2f2f2; margin-top:60px; padding:37px 0;} .brand_det_TM02 .infor .con{font-size:16px; color:#4d4d4d; line-height:30px;} .brand_det_TM02 .content{margin-top:70px;padding:0 5%;} .brand_det_TM02 .content .li_box{padding:0 13%;} .brand_det_TM02 .content .img_{text-align:center;} .brand_det_TM02 .content .img_ .intro{font-size:20px; line-height:24px; color:#e70012;} .brand_det_TM02 .content .img_ .icon{display:inline-block; width:90px; height:84px; background:url("../images/brand_det01_1.png")/*tpa=resources/web/img/brand_det01_1.png*/ no-repeat; margin:0 auto;} .brand_det_TM02 .content .img_ .icon02{background-position:-90px 0;} .brand_det_TM02 .content .img_ .icon03{background-position:-180px 0;} .brand_det_TM02 .content .list{margin-top:60px;} .brand_det_TM02 .content .list dl{font-size:14px; line-height:24px;} .brand_det_TM02 .content .list dt{color:#e70012;} .brand_det_TM02 .content .list dd{color:#7c7c7c;} .brand_det_TM03{padding-top:55px;} .brand_det_TM03 .rect-133{padding-bottom:133%;} .brand_det_TM03 .rect-83{padding-bottom:83%;} .brand_det_TM03 .content{margin-top:70px;} .brand_det_TM03 .left{width:34.66%; float:left;} .brand_det_TM03 .center{width:48.5%; float:left;} .brand_det_TM03 .right{width:16.75%; float:right;} .brand_det_TM03 .left .big_img{border:2px solid #e70012;} .brand_det_TM03 .right li{margin-bottom:23px; cursor:pointer;} .brand_det_TM03 .right li .li_box{border:1px solid #C9CACA;} .brand_det_TM03 .center .item{padding:0 27% 0 13%; display:none;} .brand_det_TM03 .center .title{font-size:34px; color:#e70012;line-height:24px; position:relative; padding-bottom:14px; margin-bottom:30px;} .brand_det_TM03 .center .title:after{content:''; width:320px; height:2px; background:#e70012; position:absolute; bottom:0; left:0;} .brand_det_TM03 .center .sub_title{font-size:20px; color:#3e3a39; line-height:24px; font-weight:bold; margin-bottom:56px;} .brand_det_TM03 .center dl{line-height:24px; margin-bottom:30px;} .brand_det_TM03 .center dt{font-size:16px; color:#e70012;} .brand_det_TM03 .center dd{font-size:14px; color:#7c7c7c;} .brand_det_TM03 .center dd span{position:relative; padding-left:17px; display: block} .brand_det_TM03 .center dd span:after{content:''; width:4px; height:4px; background:#989898;border-radius:10px; left:4px; top:10px; position:absolute;} /*选中态*/ .brand_det_TM03 .center .item.cur{display:block;} .brand_det_TM03 .right li.cur .li_box{border-color:#e70012;} .brand_det_TM04{margin-top:100px;} .brand_det_TM04 .title{font-size:30px; color:#3e3a39; text-align:center;} .brand_det_TM04 .content{margin-top:35px;} .brand_det_TM04 .content li.first{border-top:1px solid #d9d9d9;} .brand_det_TM04 .content li{border-bottom:1px solid #d9d9d9; margin-top:-1px} .brand_det_TM04 .content li .box_hd{padding:15px 0; cursor:pointer;} .brand_det_TM04 .content li .box_hd .icon{display:inline-block; width:39px; height:40px; background:url("../images/brand_det01_6.png")/*tpa=resources/web/img/brand_det01_6.png*/ no-repeat; margin-right:30px; vertical-align:middle;} .brand_det_TM04 .content .li01 .box_hd .icon{background-position:0 0px;} .brand_det_TM04 .content .li02 .box_hd .icon{background-position:-39px 0px;} .brand_det_TM04 .content li .box_hd .tit{font-size:20px; color:#666; display:inline-block; vertical-align:middle;} .brand_det_TM04 .content li .box_hd .symbol .iconfont{display:inline-block; font-size:25px; vertical-align:middle; text-align:right;} .brand_det_TM04 .content li .box_hd .symbol .sub{display:none;} .brand_det_TM04 .content li .box_bd{padding:0 10% 30px; display:none;} .brand_det_TM04 .content li .box_bd .t{text-align:center; margin-bottom:50px; } .brand_det_TM04 .content li .box_bd .t span{font-size:22px; line-height:1; padding:20px 34px; border-bottom:1px solid #e70012; border-top:1px solid #e70012; margin-top:65px; display:inline-block; color:#e70012} .brand_det_TM04 .content li .box_bd .c{font-size:16px; line-height:30px;} /*选中态*/ .brand_det_TM04 .content li.cur .box_hd{border-bottom:1px solid #d9d9d9;} /*.brand_det_TM04 .content .li01 .box_hd .icon{background-position:0 0px;} .brand_det_TM04 .content .li02 .box_hd .icon{background-position:-38px 0px;}*/ .brand_det_TM04 .content li.cur .box_hd .symbol .sub{display:block;} .brand_det_TM04 .content li.cur .box_hd .symbol .add{display:none;} .brand_det_TM04 .content li.cur .box_hd .tit{color:#e70012;} .brand_det_TM05{margin-bottom:50px;} .brand_det_TM05 .title{font-size:30px; color:#3e3a39; text-align:center; margin-top:63px} .brand_det_TM05 ul{margin-top:50px;} .brand_det_TM05 li{width:45%;;} .brand_det_TM05 .li_box .tit{font-size:20px; color:#e70012; line-height:24px; position:relative; padding-bottom:16px; margin-bottom:25px;} .brand_det_TM05 .li_box .tit:after{content:''; width:100%; height:2px; background:#e70012; position:absolute; bottom:0; left:0;} .brand_det_TM05 .li_box .con{font-size:14px; color:#7c7c7c; padding-right:5%;} .brand_det_TM05 li.odd{ float:left; padding-right:5%;} .brand_det_TM05 li.even{float:right; padding-left:5%;} /*弹窗*/ .brand_det_TM05 .box_bigimg{position:fixed; width:100%; height:100%; top:0; left:0;background:#000\9\0; filter:alpha(opacity=50); background:rgba(0,0,0,0.5); display:none; z-index:100;} .brand_det_TM05 .box_bigimg .box_body{top:50%; margin-top:-300px\9\0; left:50%; margin-left:-450px\9\0; transform: translate(-50%,-50%); width:900px; height:600px; position:absolute;} .brand_det_TM05 .box_bigimg .box_body .img_close{width:30px; height:30px; border-radius:50%; font-size:16px; background:#F33D4A; color:#fff; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer;} .brand_det_TM06 .rect-78{padding-bottom:78%;} .brand_det_TM06{background:#f2f2f2; padding:88px 0 77px;} .brand_det_TM06 .wrap{position:relative;} .brand_det_TM06 .owl-carousel .item{opacity:0; visibility:hidden; display:none;} .brand_det_TM06 .owl-carousel .owl-item .item{opacity:1; visibility:visible; display:block;} .brand_det_TM06 .brand_btn div{width:14px; height:24px; background:url("../images/brand_det01_8.png")/*tpa=resources/web/img/brand_det01_8.png*/ no-repeat; position:absolute; cursor:pointer; top:50%;margin-top:-12px;z-index:2;font-size:0;} .brand_det_TM06 .brand_btn .owl-prev {left:-44px; } .brand_det_TM06 .brand_btn .owl-next { background-position:-14px 0; right:-44px; } /*返回顶部*/ .backTop {background:#cbcbcb; border-radius:50%; width:72px; height:72px; position:fixed; bottom:5%; right:-76px; z-index:1000; text-align:center; cursor:pointer; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s; display:none\9;} .backTop .icon {background:url("../images/backTop_ico_01.png")/*tpa=resources/web/img/backTop_ico_01.png*/ no-repeat scroll center 15px; padding-top:40px; display:block; font-size:14px; color:#494949; } .backTop.showme {right:12px; transform:scale(1) rotate(-360deg) translate(0px); -webkit-transform:scale(1) rotate(-360deg) translate(0px); -moz-transform:scale(1) rotate(-360deg) translate(0px); -o-transform:scale(1) rotate(-360deg) translate(0px);} .backTop:hover {background:#e70012; } .backTop:hover .icon{color:#fff; background:url("../images/backTop_ico_02.png")/*tpa=resources/web/img/backTop_ico_02.png*/ no-repeat scroll center 15px;} /*油气存储*/ .youqi_field .gas_field02 {background:url("../images/later/gas_field0y.jpg")/*tpa=resources/web/img/later/gas_field0y.jpg*/ no-repeat center} /*油田装备*/ .oil_field .gas_field02 {background:url("../images/later/gas_field0q.jpg")/*tpa=resources/web/img/later/gas_field0q.jpg*/ no-repeat center; background-attachment:fixed; background-size:cover} /*管道工程*/ .guandao_field .gas_field02 {background:url("../images/later/gas_field0g.jpg")/*tpa=resources/web/img/later/gas_field0g.jpg*/ no-repeat center;} /*补充页面 品牌详情Allison*/ .brand_Allison{padding-bottom:0;} .brand_Allison .title{font-size:30px; color:#3e3a39; text-align:center;} .brand_Allison_02{padding-bottom:0; background:#f2f2f2; margin-top:15px; padding:35px 0;} .brand_Allison_02 .rect-5529{padding-bottom:55.29%;} .brand_Allison_02 .content{margin-top:30px;} .brand_Allison_02 .content li{margin-bottom:38px; border-bottom:3px solid #5c5c5c;} .brand_Allison_02 .content li .cover{width:100%; height:100%; position:absolute; left:0;top:0; background:#e70012; filter:alpha(opacity=80); background:rgba(231,0,18,0.8); z-index:3; opacity:0; visibility:hidden;} .brand_Allison_02 .content li .cover .infor{padding:65px 45px 65px; color:#fff; text-align:justify;} .brand_Allison_02 .content li .cover .infor .tit{font-size:20px; line-height:28px; margin-bottom:16px;} .brand_Allison_02 .content li .cover .infor .con{font-size:13px; line-height:25px; margin-bottom:20px; height:75px; overflow:hidden;} .brand_Allison_02 .content li .cover .infor .oil_more{width:141px; height:41px; line-height:41px; border-color:#fff; filter:alpha(opacity=60); border:1px solid rgba(255,255,255,0.6); border-radius:50px; margin:0 auto; text-align:center; } @media only screen and (min-width:1366px){ .brand_Allison_02 .content .row>.span-4{width:31.333%;} .brand_Allison_02 .content .row>[class*="span-"]{margin-right:2%;} } .brand_Allison_02 .content li .intro{font-size:16px; color:#5b5b5b; padding:30px 0 25px; line-height:1; text-align:center;} /*触控状态*/ .brand_Allison_02 .content li:hover{border-color:#e70012;} .brand_Allison_02 .content li:hover .intro{color:#e70012;} .brand_Allison_02 .content li:hover .cover{opacity:1; visibility:visible;} .brand_Allison_02 .content li:hover .cover{bottom:0;} .brand_Allison_03 {padding:50px 0 100px;} .brand_Allison_03 .rect-56{padding-bottom:56%;} .brand_Allison_03 .content{padding: 0 8.5%; margin-top:35px;} .brand_Allison_03 .content .intro{margin-top:30px;} .brand_Allison_03 .content .intro li{display:none;} .brand_Allison_03 .content .intro .infor{padding:0 10%; line-height:24px; text-align:center;} .brand_Allison_03 .content .intro .infor .tit{font-size:28px; color:#000; margin-bottom:15px;} .brand_Allison_03 .content .intro .infor .con{font-size:14px; color:#797979; margin-bottom:50px} .brand_Allison_03 .content .small_img{position:relative;} .brand_Allison_03 .content .small_img .item{cursor:pointer;display:none; border:5px solid transparent;} .brand_Allison_03 .content .small_img .owl-item .item{display:block;} .brand_Allison_03 .owl-btn div{width:18px; height:64px; background:url("../images/allison_jt.png")/*tpa=resources/web/img/allison_jt.png*/ no-repeat; position:absolute; cursor:pointer; top:50%;margin-top:-32px;z-index:2;font-size:0;} .brand_Allison_03 .owl-btn .owl-prev {left:-56px; } .brand_Allison_03 .owl-btn .owl-next { background-position:-18px 0; right:-56px; } .brand_Allison_04 {background:#f2f2f2; padding:60px;} .brand_Allison_04 li .li_box{padding: 25px; text-align:center;} .brand_Allison_04 li .li_box .tit{font-size:20px; color:#e70012; line-height:24px; margin-bottom:20px;} .brand_Allison_04 li .li_box .con{font-size:14px; color:#7c7c7c; line-height:30px;} /*选中态*/ .brand_Allison_03 .content .intro li.cur{display: block;} .brand_Allison_03 .content .small_img .owl-item.cur .item{border-color:#e70012;} /*20180716 wanhaocheng*/ .soil_repair02 .tab_c_box .li_box .bd_box dt{color:#e70012; display:block; font-size:18px;} /*Dana 补充页实现*/ .brand_detail_Dana01 .common-con img{margin-top:42px; margin-bottom:68px;} .brand_detail_Dana02{background:#f8f8f8; padding:30px 0 74px;} .brand_detail_Dana02 .tab_t{float:left; position:relative; width:50%; padding-bottom:23px; border-bottom:3px solid #dcdddf; margin-bottom:35px; cursor:pointer;} .brand_detail_Dana02 .tab_t i{display:inline-block; width:600px; /*height:66px; background:url(../img/dana02.png) no-repeat; */} /*.brand_detail_Dana02 .tab_t01 i{background-position:0 0;} .brand_detail_Dana02 .tab_t02 i{background-position:-600px 0;}*/ .brand_detail_Dana02 .tab_c_box{background:#fff;} .brand_detail_Dana02 .tab_c{line-height:30px; padding:53px 76px 45px;display:none;} .brand_detail_Dana02 .tab_c.tab_c_cur{display:block;} .brand_detail_Dana02 .tab_c .txt{margin-bottom:20px;} .brand_detail_Dana02 .tab_c .item{margin-top:30px;} .brand_detail_Dana02 .tab_c .item .title{font-size:28px; color:#e70012; border-bottom:2px solid #e70012; padding-bottom:17px;} .brand_detail_Dana02 .tab_c .item .list li{padding-bottom:20px; border-bottom:1px solid #bdbdbd;} .brand_detail_Dana02 .tab_c .item li.last {border-bottom:none;} .brand_detail_Dana02 .tab_c .item .list .img_{width:31%; margin-top:39px;} .brand_detail_Dana02 .tab_c .item .list .infor_{width:61%; margin-top:39px;} .brand_detail_Dana02 .tab_c .item .list .infor_ .tit{font-size:20px; color:#000; margin-bottom:20px;} .brand_detail_Dana02 .tab_c .item .list .infor_ .con{margin-bottom:15px;} .brand_detail_Dana02 .tab_c .item .list .infor_ .con .left{width:14%; background:#e70012; color:#fff; font-size:16px; text-align:center; padding:0 0 0 1%;} .brand_detail_Dana02 .tab_c .item .list .infor_ .con .right{width:84%; margin-left:1%;} /*选中态*/ .brand_detail_Dana02 .tab_t.tab_t_cur{border-color:#e70012;} .brand_detail_Dana02 .tab_t.tab_t_cur:after{content:''; width:9px; height:5px; background:url("../images/dana03.png")/*tpa=resources/web/img/dana03.png*/ no-repeat center; position:absolute; left:50%; margin-left:-2px; bottom:-11px} .brand_detail_Dana03{padding:77px 0 35px; text-align:center;line-height:30px;} .brand_detail_Dana03 .infor{padding:0 8%;} .brand_detail_Dana03 .title{font-size:30px; color:#000; margin-bottom:29px;} .brand_detail_Dana03 .content{font-size:14px; color:#3e3e3e; } /*20180718*/ .ibanner .owl-nav div i:hover{color:#e70012;} .value_detail .box .content{position:relative;} .value_detail .box .content .con{padding-right:10px;} .our_value .scrollbar-ui-hover .scroll_bar{opacity:1;} .our_value .scrollbar-ui .scroll_slider{background:#e70012} .our_value .scrollbar-ui .scroll_slider{height:30px;} /*大于1366的时候隐藏滚动条*/ .value_detail.hide_scroll{overflow-y:hidden;} .contact_us02 .content .map_c#all li span{display:none;} .oil_technology01 .oil_btn .owl-prev.disabled{display:none;} .oil_technology01 .oil_btn .owl-next.disabled{display:none;} .case01 .title{font-size:34px; color: #e70012} .case01 ul li{border:none; background:#f8f8f8;} .report{padding-top:0;} .nav .nav_s .search .search_btn.sub_btn{display:none;} .nav .nav_s .search.cur .search_btn.sub_btn{display:block;} .report01 .content{overflow:hidden; height:258px;} .report01 .btn_show a.back{display:none;} .report01 .btn_show.active a{display:none;} .report01 .btn_show.active a.back{display:block;} .report01 .content .list.hideReport{display:block;} .nav{top:0;} .nav.xiding{top:-85px; opacity:0; visibility:hidden;transition: all .3s ease;} .c_banner_p1{padding-top:85px;} /*20180720*/ .soil_repair02 .youshi .item .title{display:none;} .soil_repair02 .youshi{margin-top:50px;} /*20180723 补充页*/ /*环境治理*/ .envir_government01 .rect-1345{padding-bottom:134.5%;} .envir_government01 .common-con{padding:0 17%;} .envir_government01 .content{margin-top:40px;} .envir_government01 .content li{position:relative;} .envir_government01 .content li .infor{color:#fff; line-height:24px;padding:89px 35px; position:relative; z-index:2;} .envir_government01 .content li .infor .t{font-size:26px; font-weight:bold; margin-bottom:25px; padding-bottom:20px; position:relative; text-align:center;} .envir_government01 .content li .infor .c{font-size:14px; padding:0 5px; height:96px; overflow:hidden; margin-bottom:28px;} .envir_government01 .content li .infor .list{padding:0 5px; text-align:left;} .envir_government01 .content li .infor .list dd{position:relative; padding-left:15px; font-size:16px; padding-bottom:10px;} .envir_government01 .content li .infor .list dd:after{content:''; width:5px; height:5px; background:#e70012; border-radius:10px; position:absolute; top:10px; left:1px;} .envir_government01 .content li .infor .list dd a{position:relative;color:#fff; padding-bottom:5px;} .envir_government01 .content li .infor .list dd a:before{content:''; width:0; height:1px; background:#fff; bottom:0;left:0; position:absolute; transition:width 0.4s ease;} .envir_government01 .content li .infor .list dd:hover a:before{ width:100%;} .envir_government01 .content li .cover{background:#e70012; background:rgba(234,86,19,0.65); width:100%; height:100%; position:absolute; left:0; top:0; opacity: 0; visibility: hidden; z-index:1} .envir_government01 .content .infor .t:after{content:''; width:100%; height:1px; background:#fff; background:rgba(255,255,255,0.4); position:absolute; left:0; bottom:0;} .envir_government01 .content li:hover .cover{opacity:1; visibility:visible; } .envir_government01 .content li:hover .infor .list dd:after {background:#fff;} .envir_government02{margin-top:90px;} .envir_government02 .infor {text-align:center; padding:0 8% 40px;} .envir_government02 .infor .tit{font-size:30px; color:#555; line-height:24px; margin-bottom:27px;} .envir_government02 .infor .con{font-size:14px; color:#666; line-height:26px;} .envir_government02 .content{padding:0 9%;} .envir_government02 .content li a{display:block;} .envir_government02 .content li .icon{display:inline-block; width:63px; height:67px; background:url("../images/envir_gov04.png")/*tpa=resources/web/img/envir_gov04.png*/ no-repeat; vertical-align:middle; margin-right:30px; transition:all 0.5s ease;} .envir_government02 .content li .icon01{background-position:0 0} .envir_government02 .content li .icon02{background-position:-63px 0} .envir_government02 .content li .icon03{background-position:-126px 0} .envir_government02 .content li span{display:inline-block; font-size:18px; color:#666; line-height:26px; vertical-align:middle;} .envir_government02 .content li:hover .icon{transform:rotateY(180deg);} .envir_government02 .content li:hover span{color:#e70012;} /*石油&天然气*/ .oil_natural_gas01 .rect-1345{padding-bottom:134.5%;} .oil_natural_gas01 .content{margin-top:40px;} .oil_natural_gas01 .content li{position:relative;} .oil_natural_gas01 .content li .infor{color:#fff; line-height:24px;padding:89px 35px; position:relative; z-index:2;} .oil_natural_gas01 .content li .infor .t{font-size:26px; font-weight:bold; margin-bottom:25px; padding-bottom:20px; position:relative; text-align:center;} .oil_natural_gas01 .content li .infor .c{font-size:14px; padding:0 5px; height:96px; overflow:hidden; margin-bottom:14px;} .oil_natural_gas01 .content li .infor .list{padding:0 5px; text-align:left;} .oil_natural_gas01 .content li .infor .list dd{position:relative; padding-left:15px; font-size:14px; line-height:30px;} .oil_natural_gas01 .content li .infor .list dd:after{content:''; width:5px; height:5px; background:#fff; border-radius:10px; position:absolute; top:10px; left:1px;} .oil_natural_gas01 .content li .infor .list dd a{position:relative;color:#fff; padding-bottom:5px;} .oil_natural_gas01 .content li .infor .list dd a:before{content:''; width:0; height:1px; background:#fff; bottom:0;left:0; position:absolute; transition:width 0.4s ease;} .oil_natural_gas01 .content li .infor .list dd:hover a:before{ width:100%;} .oil_natural_gas01 .content li .cover{background:#e70012; background:rgba(234,86,19,0.65); width:100%; height:100%; position:absolute; left:0; top:0; opacity: 0; visibility: hidden; z-index:1} .oil_natural_gas01 .content .infor .t:after{content:''; width:100%; height:1px; background:#fff; background:rgba(255,255,255,0.4); position:absolute; left:0; bottom:0;} .oil_natural_gas01 .content li:hover .cover{opacity:1; visibility:visible; } .oil_natural_gas01 .content li .infor .list dd a:hover{color:#fff;} .oil_natural_gas01 .content li .infor .t a{color:#fff} .oil_natural_gas01 .content li .infor .c a{color:#fff} /*工程承包*/ .project_contract02{margin-top:50px; padding:67px 0 107px; background:url("../images/project_contract01.jpg")/*tpa=resources/web/img/project_contract01.jpg*/ no-repeat center;} .project_contract02 .infor{text-align:center; line-height:24px;} .project_contract02 .infor .tit{font-size:30px; color:#ffffff; margin-bottom:18px} .project_contract02 .infor .con{font-size:16px; color:#ffffff;} .project_contract02 .content{margin-top:58px; position:relative;} .project_contract02 .content .item .rect-120{padding-bottom:120%;} .project_contract02 .content .item{ background:#fff; background:rgba(255,255,255,0.6); text-align:center;} .project_contract02 .content .item a{display:block; ;} .project_contract02 .content .item .item_box{padding: 64px 14px 20px 20px} .project_contract02 .content .item .t{font-size:18px; color:#333; line-height:22px; position:relative; padding-bottom:13px; margin-bottom:21px;} .project_contract02 .content .item .t:after{content:''; width:80px; height:1px; background:#C4C4C2; background:rgba(0,0,0,0.2); left:50%; margin-left:-40px; bottom:0; position:absolute;} .project_contract02 .content .item .c{font-size:14px; color:#2b2b2b; line-height:22px; height:88px; overflow:hidden;} /*触控*/ .project_contract02 .content .item:hover{background:#e70012; background:rgba(231,0,18,0.8);} .project_contract02 .content .item:hover .t{font-weight:bold; color:#fff;} .project_contract02 .content .item:hover .c{color:#fff;} .project_contract02 .content .item:hover .t:after{background:rgba(255,255,255,0.6);} /*箭头按钮的css样式：*/ .project_contract02 .pro_btn div{width:14px; height:26px; background:url("../images/project_contract02.png")/*tpa=resources/web/img/project_contract02.png*/ no-repeat; position:absolute; cursor:pointer; top:50%;margin-top:-13px;z-index:2;font-size:0;} .project_contract02 .pro_btn .owl-prev {left:-40px; } .project_contract02 .pro_btn .owl-next {background-position:-14px 0; right:-40px;} .project_contract03{margin-top:70px;} .project_contract03 .infor{text-align:center; line-height:24px; padding:0 9%;} .project_contract03 .infor .tit{font-size:30px; color:#333; margin-bottom:22px} .project_contract03 .infor .con{font-size:14px; color:#666; line-height:26px;} .project_contract03 .content{padding:0 9%; margin-top:30px;} .project_contract03 .content li{width:33%; float:left; position:relative; margin-bottom:60px;} .project_contract03 .content li:after{content:''; width:1px; height:46px; background:#d1d1d1; position:absolute; top:50%; margin-top:-23px; right:0;} .project_contract03 .content li.three:after{display:none;} .project_contract03 .content li a{display:block; padding-left:60px;} .project_contract03 .content .icon{display:inline-block; width:65px; height:65px; background:url("../images/project_contract03.png")/*tpa=resources/web/img/project_contract03.png*/ no-repeat; margin-right:25px; vertical-align:middle; transition:all 0.5s ease;} .project_contract03 .content .icon01{background-position:0 0;} .project_contract03 .content .icon02{background-position:-65px 0;} .project_contract03 .content .icon03{background-position:-130px 0;} .project_contract03 .content .icon04{background-position:-195px 0;} .project_contract03 .content .icon05{background-position:-260px 0;} .project_contract03 .content .icon06{background-position:-325px 0;} .project_contract03 .content span{display:inline-block; font-size:18px; color:#666666; vertical-align:middle;} .project_contract03 .content li:hover .icon{transform:rotateY(180deg);} .project_contract03 .content li:hover span{color:#e70012;} /*装备制造*/ .equipment_make{padding-bottom:0;} .equipment_make01 .rect-4772{padding-bottom:47.72%;} .equipment_make01 .content{margin-top:60px; } .equipment_make01 .content .item{width:49%; float:left; margin-bottom:20px;} .equipment_make01 .content .item01{margin-right:1%;} .equipment_make01 .content .item02{margin-left:1%;} .equipment_make01 .content .item03{margin-right:1%;} .equipment_make01 .content .item04{margin-left:1%;} .equipment_make01 .content .item .title{font-size:20px; color:#fff; position:absolute; left:8%; bottom:13%; transition:all 0.3s ease;} .equipment_make01 .content .item .cover{width:100%; height:100%; position:absolute; left:0; top:0; background:#e70012; background:rgba(231,0,18,0.5); opacity:0; visibility:hidden;} .equipment_make01 .content .item .cover_box{padding:70px 50px; line-height:26px; color:#fff;} .equipment_make01 .content .item .cover_box .tit{font-size:20px; margin-bottom:20px;} .equipment_make01 .content .item .cover_box .con{font-size:14px; height:104px; overflow:hidden;} .equipment_make01 .content .item:hover .cover{opacity:1; visibility:visible;} .equipment_make01 .content .item:hover .title{opacity:0; visibility:hidden;} /*.equipment_make02{margin-top:70px;} .equipment_make02 .infor{text-align:center; line-height:24px; padding:0 9%;} .equipment_make02 .infor .tit{font-size:30px; color:#333; margin-bottom:22px} .equipment_make02 .infor .con{font-size:14px; color:#666; line-height:26px;} .equipment_make02 .content{padding:0 9%; margin-top:30px;} .equipment_make02 .content li{width:33%; float:left; position:relative; margin-bottom:60px;} .equipment_make02 .content li:after{content:''; width:1px; height:46px; background:#d1d1d1; position:absolute; top:50%; margin-top:-23px; right:0;} .equipment_make02 .content li.three:after{display:none;} .equipment_make02 .content li a{display:block; padding-left:60px;} .equipment_make02 .content .icon{display:inline-block; width:65px; height:65px; background:url(../img/project_contract03.png) no-repeat; margin-right:25px; vertical-align:middle; transition:all 0.5s ease;} .equipment_make02 .content .icon01{background-position:0 0;} .equipment_make02 .content .icon02{background-position:-65px 0;} .equipment_make02 .content .icon03{background-position:-130px 0;} .equipment_make02 .content .icon04{background-position:-195px 0;} .equipment_make02 .content .icon05{background-position:-260px 0;} .equipment_make02 .content .icon06{background-position:-325px 0;} .equipment_make02 .content span{display:inline-block; font-size:18px; color:#666666; vertical-align:middle;} .equipment_make02 .content li:hover .icon{transform:rotateY(180deg);} .equipment_make02 .content li:hover span{color:#e70012;}*/ .equipment_make03 .content{padding-top:100px;} .equipment_make03 .content li{position:relative; margin-bottom:53px;} .equipment_make03 .content li a{display: block;} .equipment_make03 .content li:after{content:''; width:1px; height:219px; background:#f4f4f4; position: absolute; right:0; top:0; } .equipment_make03 .content .icon{width:129px; height:129px; display:block; background:url("../images/equipment_make03_1.png")/*tpa=resources/web/img/equipment_make03_1.png*/ no-repeat; margin:0 auto 22px;} .equipment_make03 .content .icon01{background-position:0 0;} .equipment_make03 .content .icon02{background-position:-129px 0;} .equipment_make03 .content .icon03{background-position:-258px 0;} .equipment_make03 .content .icon04{background-position:-387px 0;} .equipment_make03 .content .number{font-size:20px; color:#e70012; font-family:Arial; font-weight:bold; } .equipment_make03 .content .txt{font-size:14px; color:#6e6e6e; margin-top:7px; padding:0 22%; height:44px; overflow:hidden; } /*触控*/ .equipment_make03 .content li:hover .icon01{background-position:0 -129px;} .equipment_make03 .content li:hover .icon02{background-position:-129px -129px;} .equipment_make03 .content li:hover .icon03{background-position:-258px -129px;} .equipment_make03 .content li:hover .icon04{background-position:-387px -129px;} .equipment_make04{padding:37px 0; background:url("../images/equipment_make03_2.jpg")/*tpa=resources/web/img/equipment_make03_2.jpg*/ no-repeat center; overflow:hidden; background-size:cover;} .equipment_make04 ul{padding:0 75px 0 95px;} .equipment_make04 li{border-bottom:1px dotted #5d5d5d;} .equipment_make04 li.last{border-bottom:none;} .equipment_make04 li:last-child{border-bottom:none;} .equipment_make04 li .li_box{padding:50px 0 42px;} .equipment_make04 li .li_box .tit{font-size:24px; color:#e70012; line-height:1; margin-bottom:27px;} .equipment_make04 li .li_box .con{font-size:14px; color:#737373; line-height:30px;} /*技术服务*/ .technical_service01 .rect-4772{padding-bottom:47.72%;} .technical_service01 .content{margin-top:60px;} .technical_service01 .content .item{width:49%; float:left; margin-bottom:2%;} .technical_service01 .content .item.odd{margin-right:1%;} .technical_service01 .content .item.even{margin-left:1%;} .technical_service01 .content .item .title{font-size:20px; color:#fff; position:absolute; left:8%; bottom:13%; transition:all 0.3s ease;} .technical_service01 .content .item .cover{width:100%; height:100%; position:absolute; left:0; top:0; background:#e70012; background:rgba(231,0,18,0.8); opacity:0; visibility:hidden;} .technical_service01 .content .item .cover_box{padding:70px 50px; line-height:26px; color:#fff;} .technical_service01 .content .item .cover_box .tit{font-size:20px; margin-bottom:20px;} .technical_service01 .content .item .cover_box .con{font-size:14px; height:104px; overflow:hidden;} .technical_service01 .content .item:hover .cover{opacity:1; visibility:visible} .technical_service01 .content .item:hover .title{opacity:0; visibility:hidden;} /*.technical_service02{margin-top:70px;} .technical_service02 .infor{text-align:center; line-height:24px; padding:0 9%;} .technical_service02 .infor .tit{font-size:30px; color:#333; margin-bottom:22px} .technical_service02 .infor .con{font-size:14px; color:#666; line-height:26px;} .technical_service02 .content{padding:0 9%; margin-top:30px;} .technical_service02 .content li{width:33%; float:left; position:relative; margin-bottom:60px;} .technical_service02 .content li:after{content:''; width:1px; height:46px; background:#d1d1d1; position:absolute; top:50%; margin-top:-23px; right:0;} .technical_service02 .content li.three:after{display:none;} .technical_service02 .content li a{display:block; padding-left:60px;} .technical_service02 .content .icon{display:inline-block; width:65px; height:65px; background:url(../img/project_contract03.png) no-repeat; margin-right:25px; vertical-align:middle; transition:all 0.5s ease;} .technical_service02 .content .icon01{background-position:0 0;} .technical_service02 .content .icon02{background-position:-65px 0;} .technical_service02 .content .icon03{background-position:-130px 0;} .technical_service02 .content .icon04{background-position:-195px 0;} .technical_service02 .content .icon05{background-position:-260px 0;} .technical_service02 .content .icon06{background-position:-325px 0;} .technical_service02 .content span{display:inline-block; font-size:18px; color:#666666; vertical-align:middle;} .technical_service02 .content li:hover .icon{transform:rotateY(180deg);} .technical_service02 .content li:hover span{color:#e70012;}*/ .technical_service01 .list{padding:50px 10% 0; text-align:left; } .technical_service01 .list li{position:relative; font-size:14px; color:#555555; line-height:32px; width:49%; margin-right:2%; float:left;} .technical_service01 .list li.even{margin-right:0;} .technical_service01 .list li:after{content:''; width:5px; height:5px; background:#e70012; border-radius:20px; position:absolute; left:0; top:11px;} .technical_service01 .list li span{display:inline-block; padding-left:2%;} .technical_service03{margin-top:60px;} .technical_service03 .infor{text-align:center; padding:0 7%;} .technical_service03 .infor .title{font-size:30px; color:#4c4c4c; line-height:1; margin-bottom:25px;} .technical_service03 .infor .con{font-size:14px; color:#666; line-height:26px;} .technical_service04 {margin-top:60px;} .technical_service04 .infor .title{font-size:30px; color:#4c4c4c; line-height:1; margin-bottom:29px; text-align:center;} .technical_service04 .content{padding:0 7%;} .technical_service04 .content li{float:left; width:15%; padding-left:1.5%; position:relative;} .technical_service04 .content li:after{content:''; width:5px; height:5px; background:#e70012; position:absolute; top:9px; left:1px; border-radius:20px;} /*Tmiken*/ .Timken{padding-bottom:0;} .Timken02 .rect-545{padding-bottom:54.5%;} .Timken02{background:#f2f2f2; padding:52px 0 90px; margin-top:60px; margin-bottom:67px;} .Timken02 .title{font-size:30px; color:#3e3a39; margin-bottom:57px; line-height:24px; text-align:center;} .Timken02 li{margin-bottom:26px; background:#fff;} .Timken02 li .left, .Timken02 li .right{width:50%;} .Timken02 li.odd .left{float:left;} .Timken02 li.odd .right{float:right;} .Timken02 li.even .left{float:right;} .Timken02 li.even .right{float:left;} .Timken02 li .right .r_box{padding:66px 36px 60px 46px; color:#2b2b2b;} .Timken02 li .right .r_box .tit{font-size:18px; margin-bottom:20px;} .Timken02 li .right .r_box .con{font-size:14px; line-height:30px; height:150px; overflow:hidden; text-align:justify;} .Timken03 .infor{line-height:24px; color:#3e3a39; text-align:center;} .Timken03 .infor .tit{font-size:30px; margin-bottom:38px;} .Timken03 .infor .con{font-size:18px; margin-bottom:26px;} .Timken03 .infor .txt{font-size:14px; color:#6a6a6a;} .Timken03 .content{margin-top:75px;} .Timken03 .content .item{cursor:pointer;} .Timken03 .content .item .infor{padding-bottom:8px;} .Timken03 .content .item .tit{font-size:16px; color:#5b5b5b; line-height:30px; padding:20px 0 18px; text-align:center;border-bottom:3px solid #747474; position:relative;} .Timken03 .content .item .cover{position:absolute; left:0; top:0; width:100%; height:100%; background:#f34e00;filter:alpha(opacity=75); background:rgba(243,78,0,0.75); opacity:0; visibility:hidden; transition:all 0.5s ease;} .Timken03 .content .item .cover .txt{padding:55px 35px 40px; line-height:30px; font-size:13px; color:#fff; height:120px; overflow:hidden;} .Timken03 .rect-55{padding-bottom:55%;} /*.Timken03 .content .list{background:#f4f4f4;}*/ .Timken03 .content .list li{overflow:hidden;} .Timken03 .content .list li .box{padding:40px 90px 100px 60px;} .Timken03 .content .list li .box .box_infor{text-align:center;} .Timken03 .content .list li .box .box_infor .box_tit{font-size:30px; line-height:1; color:#3e3a39; margin-bottom:27px;} .Timken03 .content .list li .box .box_infor .box_con{font-size:14px; line-height:28px; color:#6a6a6a; margin-bottom:47px;} .Timken03 .content .item:hover .tit{color:#e70012;border-color:#e70012;} /*.Timken03 .content .list li.cur{opacity: 1;filter: alpha(opacity=100);height: auto;transform:scale(1);}*/ .Timken03 .content .item:hover .cover{opacity:1; visibility:visible;} /*Regal*/ .Regal01 .content{margin-top:55px;} .Regal01 .content li.first{border-top:1px solid #d9d9d9;} .Regal01 .content li{border-bottom:1px solid #d9d9d9; margin-top:-1px} .Regal01 .content li .box_hd{padding:15px 0; cursor:pointer;} /*.Regal01 .content li .box_hd .icon{display:inline-block; width:39px; height:40px; background:url(../img/brand_det01_6.png) no-repeat; margin-right:30px; vertical-align:middle;} .Regal01 .content .li01 .box_hd .icon{background-position:0 0px;} .Regal01 .content .li02 .box_hd .icon{background-position:-39px 0px;}*/ .Regal01 .content li .box_hd img{display:inline-block; vertical-align:middle; width:7%} .Regal01 .content li .box_hd .tit{font-size:15px; color:#666; display:inline-block; vertical-align:middle; margin-left:10px;} .Regal01 .content li .box_hd .symbol .iconfont{display:inline-block; font-size:18px; vertical-align:middle; text-align:right;} .Regal01 .content li .box_hd .symbol .sub{display:none;} .Regal01 .content li .box_bd{padding:0 10% 30px; display:none;} .Regal01 .content li .box_bd .t{text-align:center; margin-bottom:50px; } .Regal01 .content li .box_bd .t span{font-size:22px; line-height:1; padding:20px 34px; border-bottom:1px solid #e70012; border-top:1px solid #e70012; margin-top:65px; display:inline-block; color:#e70012} .Regal01 .content li .box_bd .c{font-size:16px; line-height:30px;} /*选中态*/ .Regal01 .content li.cur .box_hd{border-bottom:1px solid #d9d9d9;} .Regal01 .content li.cur .box_hd .symbol .sub{display:block;} .Regal01 .content li.cur .box_hd .symbol .add{display:none;} .Regal01 .content li.cur .box_hd .tit{color:#e70012;} /*20180726*/ .envir_government01 .content li .infor a:hover{color:#fff;} .business{padding-bottom:0;} .business01 .content{background:#f6f6f6; padding:60px 0;} .gas_pressure03{margin-top:0; background:none} /*20180727*/ .history .li_c .rect-65 {padding-bottom:56%; } .sec_nav .nav_li.item .icon{display:none;} .sec_nav .nav_li.item.cur .icon{display:inline-block;} #common_mark { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #000000; opacity: 0; z-index: 100; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;display: none; } #common_mark.show {opacity: 0.7;filter: alpha(opacity=70);display: block;} #common_language {position: fixed;left: 0;top: 0;width: 100%;z-index: 105;display: none;} #common_language .inner { position: relative; width: 1200px; margin: 0 auto;} .sm #common_language .inner {position: static;} .sm #common_language .inner .pos {right: 85px;} #common_language .inner .pos {position: absolute; top: 68px; right: 6px; width: 160px;} #common_language .ly-inner {padding: 10px 0; background: #ffffff;} #common_language .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url("../images/btn_close.png")/*tpa=resources/web/img/btn_close.png*/ 100% center no-repeat;} #common_language .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;} #common_language .ly-inner a {color: #51555d; display: block; padding: 4px 0; margin: 0 20px; font-weight: bold; background: none;transition:none;} #common_language .ly-inner .on a {color: #e70012; background: url("../images/line_global.png")/*tpa=resources/web/img/line_global.png*/ 100% center no-repeat;} #common_language .ico_arrow {display: block; width: 100%; height: 26px; background: url("../images/uti_ic_arrow_1.png")/*tpa=resources/web/img/uti_ic_arrow_1.png*/ center center no-repeat;} /*二级导航修改 20180730*/ .sec_nav .nav_ul{overflow:hidden;} .sec_nav .nav_ul .nav_li{float:left;} .sec_nav .nav_ul .iconfont{float:left;} .sec_nav .nav_li a{float:left;} .sec_nav .nav_li.item .inner_ul{width:auto; float:left; position:static; top:0; background:none; border:none; margin-left:10px; opacity:1; visibility:visible;} .sec_nav .nav_li.item.cur .inner_ul a{padding:0 9px; opacity:0; visibility:hidden; transform:translateX(-20px);} .sec_nav .nav_li.item.cur.hover .inner_ul a{opacity:1; visibility:visible; color:#666;} .sec_nav .nav_li.item.cur.hover .inner_ul a:hover{color:#e70012} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(1){transform:translateX(0); /*transition-delay:0.1s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(2){transform:translateX(0); /*transition-delay:0.2s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(3){transform:translateX(0); /*transition-delay:0.3s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(4){transform:translateX(0); /*transition-delay:0.4s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(5){transform:translateX(0); /*transition-delay:0.5s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(6){transform:translateX(0); /*transition-delay:0.6s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(7){transform:translateX(0); /*transition-delay:0.7s;*/} .sec_nav .nav_li.item.cur.hover .inner_ul a:hover{transition:all 0s ease; transition-delay:0;} /**/ .HSE01 .content .box_bigimg .box_body .img_close{right:10px; top:10px;} .HSE03 .content .box_bigimg .box_body .img_close{right:10px; top:10px;} .HSE03 .content .box_bigimg{z-index: 100} /*shouye */ .ipart02 .box .pd ul.ie_8 li:hover .list_box .icon {background-position:0 -55px;} .contact_us02 .content .map_c li.ie_8 .pulse, .contact_us02 .content .map_c li.ie_8 .pulse01{display:none;} body .youku-playerBox{width:100%;} .sec_nav .nav_li.item .inner_ul .li:hover{background:none; color:#e70012;} .brand_Allison_02 .content li .cover .infor .con{height: 100px;} .brand_Allison_02 .content li .cover .infor{padding:40px;} /*新补充页面 --模块制造2*/ /*模块制造*/ .module_made2{padding-bottom:0;} .module_made2_01 .content{background:url("../images/module2_01.jpg")/*tpa=resources/web/img/module2_01.jpg*/ no-repeat center; padding:50px 0 66px; margin-top:30px;} .module_made2_01 .content .title{font-size:22px; color:#fff; line-height:30px; text-align:center; margin-bottom:21px;} .module_made2_01 .content .list{padding:0 50px 0 136px;} .module_made2_01 .content .li01{width:38%; float:left;} .module_made2_01 .content .li02{width:33%; float:left;} .module_made2_01 .content .li03{width:29%; float:left;} .module_made2_01 .content span{display:block; padding-left:17px; position:relative; font-size:15px; color:#fff; line-height:30px;} .module_made2_01 .content span:after{content:''; width:4px; height:4px; background:#e70012; border-radius:15px; position:absolute; top:13px; left:2px;} .module_made2_02{margin-top:70px; padding:50px 0; background:#f3f3f3;} .module_made2_02 .list li{position:relative;} .module_made2_02 .list li:after{content:''; width:1px; height:286px; background:url("../images/module_dot.png")/*tpa=resources/web/img/module_dot.png*/ repeat; position:absolute; top:55px; right:0;} .module_made2_02 .list li:last-child:after{display:none;} .module_made2_02 .list .li_box{padding:0 25px 0 30px;} .module_made2_02 .list .li_box .icon{display:block; width:90px; height:65px; background:url("../images/module2_02.png")/*tpa=resources/web/img/module2_02.png*/ no-repeat; margin:0 auto 10px; transition:all 0.5s ease;} .module_made2_02 .list .li_box .icon01{background-position:0 0;} .module_made2_02 .list .li_box .icon02{background-position:-90px 0;} .module_made2_02 .list .li_box .icon03{background-position:-180px 0;} .module_made2_02 .list .li_box .icon04{background-position:-270px 0;} .module_made2_02 .list .li_box .tit{font-size:20px; color:#e70012; line-height:24px; margin-bottom:30px; text-align:center;} .module_made2_02 .list .li_box .con{font-size:14px; color:#666; line-height:30px;} .module_made2_02 .list li:hover .li_box .icon{transform:rotateY(180deg);} .module_made2_03{padding:60px 0; background:url("../images/module2_03.jpg")/*tpa=resources/web/img/module2_03.jpg*/ no-repeat center;} .module_made2_03 .title{font-size:30px; color:#3a3a3a; line-height:1; text-align:center; margin-bottom:71px;} .module_made2_03 .list .li_box{padding:0 130px;} .module_made2_03 .list .li_box02{padding:0 170px 0 200px;} .module_made2_03 .list .li_box dt{font-size:18px; color:#e70012; line-height:30px; margin-bottom:10px;} .module_made2_03 .list .li_box dd{font-size:14px; color:#666666; line-height:30px;} .module_made2_04 {background:#f3f3f3; padding:62px 0 87px;} .module_made2_04 .title{font-size:30px; line-height:1; color:#3e3a39;} .module_made2_04 .content{min-height:300px; margin-top:60px;} .module_made2_04 .content .left{width:22%; float:left; margin-right:3%; position:relative;} .module_made2_04 .content .right{width:75%; float:right; height: 100%; background: #fff} .module_made2_04 .content .left li{margin-bottom:65px; position:relative; border-radius:25px; background:transparent; cursor:pointer; outline:none;} .module_made2_04 .content .left li .num{display:inline-block; width:45px; height:45px; border-radius:50%; border:1px solid #e70012; font-size:18px; font-family:Arial; color:#e70012; text-align:center; line-height:45px; position:relative; z-index:2} .module_made2_04 .content .left li .txt{display:inline-block; font-size:14px; color:#666; margin-left:20px;} .module_made2_04 .content .left li .num:after{content:''; width:1px; height:66px; background:#e70012; position:absolute; top:100%; left:50%;} .module_made2_04 .content .left li:last-child .num:after{display:none;} .module_made2_04 .content .right li{/*display:none;*/ outline:none;} .module_made2_04 .content .right li.active{display:block;} .module_made2_04 .content .right li .infor{padding:35px 20px 35px;} .module_made2_04 .content .right li .tit{font-size:24px; color:#333; text-align:center; line-height:22px; padding-bottom:51px;} .module_made2_04 .content .right li .con{height:400px; overflow:hidden; position:relative;} .module_made2_04 .content .right li .con .con_l{float:left; width:45%;} .module_made2_04 .content .right li .con .con_r{float:right; width:49%;} .module_made2_04 .content .right li .con .con_l dl{margin-bottom:40px;} .module_made2_04 .content .right li .con .con_l dt{font-size:18px; color:#e70012; line-height:24px; margin-bottom:15px;} .module_made2_04 .content .right li .con .con_l dd{font-size:13px; color:#666; position:relative; padding-left:15px; line-height:24px;} .module_made2_04 .content .right li .con .con_l dd:after{content:''; width:4px; height:4px; border-radius:20px; background:#e70012; position:absolute; top:10px; left:2px;} .module_made2_04 .content .right li .con .con_r .img{padding-right:20px; margin-top:30p;} .module_made2_04 .content .right li .con .con_txt{margin-right:20px;} .module_made2_04 .content .right li .con.scrollbar-ui .scroll_slider{height:43px; background:#e70012; width:7px!important; left: -3px;} .module_made2_04 .content .right li .con.scrollbar-ui .scroll_bar{right:7px!important;} .module_made03{background:#fff;} .module_made2_04 .content .box{background:#fff; padding: 20px 30px;} .module_made2_04 .arr_box i {display:block; color:#e70012; font-size:30px; line-height:30px; cursor:pointer;/* background:#e70012;*/display:block; margin-bottom:5px; position:absolute;} .module_made2_04 .arr_box i.arr_prev{top:-30px; left:0;} .module_made2_04 .arr_box i.arr_next{bottom:-30px; left:0;} /*选中状态*/ .module_made2_04 .content .left li.cur:after{content:''; width:6px; height:11px; background:url("../images/later/module_made06.png")/*tpa=resources/web/img/later/module_made06.png*/ no-repeat; position:absolute; top:50%; margin-top:-5px; right:21px;} .module_made2_04 .content .left li.cur{border-radius:25px; background:#e70012} .module_made2_04 .content .left li.cur .num{color:#fff;} .module_made2_04 .content .left li.cur .txt{color:#fff;} .module_made2_04 .content .left li.slick-current:after{content:''; width:6px; height:11px; background:url("../images/later/module_made06.png")/*tpa=resources/web/img/later/module_made06.png*/ no-repeat; position:absolute; top:50%; margin-top:-5px; right:21px;} .module_made2_04 .content .left li.slick-current{border-radius:25px; background:#e70012} .module_made2_04 .content .left li.slick-current .num{color:#fff;} .module_made2_04 .content .left li.slick-current .txt{color:#fff;} .module_made2_05{padding:50px 0;} .module_made2_05 .rect-5783{padding-bottom:57.83%;} .module_made2_05 .common-tit{color:#414141;font-size:30px;} .module_made2_05 .common-line{display:none;} .module_made2_05 .content {margin-top: 20px; } /*切换导航*/ .module_made2_05 .content .slider-nav {position:relative; text-align:center;} .module_made2_05 .content .slider-nav:after{content:''; width:100%; height:1px; background:url("../images/later/LNG07.png")/*tpa=resources/web/img/later/LNG07.png*/ repeat; position:absolute; top:25%; left:0; z-index: 1} .module_made2_05 .content .slider-nav span{display:inline-block; width:33px;height:33px; background:url("../images/later/LNG06.png")/*tpa=resources/web/img/later/LNG06.png*/ no-repeat; background-position:-33px 0; position:relative; z-index:5; cursor:pointer;} .module_made2_05 .content .slider-nav .slick-slide{outline:none; cursor:pointer;} .module_made2_05 .content .slider-for .slick-slide{outline:none;} .module_made2_05 .content .slider-nav .txt{font-size:14px; color:#464646; } /*选中态*/ .module_made2_05 .content .slider-nav .slick-current span{background-position:0 0;} .module_made2_05 .content .slider-nav .slick-current .txt{font-size:16px; color:#e70012;} /*按钮*/ .module_made2_05 .content .slider-nav .slick-prev, .module_made2_05 .content .slider-nav .slick-next {width:9px; height:18px; position:absolute; top:25%; z-index:5; background:url("../images/later/LNG08.png")/*tpa=resources/web/img/later/LNG08.png*/ no-repeat;} .module_made2_05 .content .slider-nav .slick-prev {left:0; background-position:0 0;} .module_made2_05 .content .slider-nav .slick-next {right:0; background-position:-9px 0;} /*切换内容*/ .module_made2_05 .content .slider-for {margin-bottom:28px; background:#fff;box-shadow:0 0 3px #ccc;} .module_made2_05 .content .slider-for .item_left{width:50%; float:left;} .module_made2_05 .content .slider-for .item_right{width:50%; float:right;} .module_made2_05 .content .slider-for .item_right .box{padding:60px 85px 30px 55px;} .module_made2_05 .content .slider-for .item_right .box .t{font-size:20px; color:#e70012; font-weight:bold; line-height:1; margin-bottom:20px;} .module_made2_05 .content .slider-for .item_right .box .c{font-size:14px; color:#656565; line-height:24px; height:168px; /*overflow-y:auto;*/} .module_made2_05 .content .slider-for .item_left .owl-carousel .owl-nav{width:100%; position:absolute; top:50%; left:0; font-size:30px; color:#fff; margin-top:-26px;} .module_made2_05 .content .slider-for .item_left .owl-carousel .owl-prev{float:left;} .module_made2_05 .content .slider-for .item_left .owl-carousel .owl-next{float:right;} /*初始化之前隐藏*/ .module_made2_05 .content .slick-prev:before, .module_made2_05 .content .slick-next:before{display:none;} .module_made2_05 .content .slider-nav{opacity:0; visibility:hidden;} .module_made2_05 .content .slider-for{opacity:0; visibility:hidden;} .module_made2_05 .content .slider-nav.slick-initialized{opacity:1; visibility:visible;} .module_made2_05 .content .slider-for.slick-initialized{opacity:1; visibility:visible;} .module_made2_05 .content .slider-for .item_left .owl-carousel.owl-loaded{display:block;} /*.module_made2_04 .content .left{height:618px; overflow:hidden;}*/ .module_made2_04 .content .right li .con::-webkit-scrollbar { width: 5px; height: 16px; background-color: #F5F5F5; } .module_made2_04 .content .right li .con::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } .module_made2_04 .content .right li .con::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #e70012; } /*新增页面-KOHLER*/ .KOHLER{padding-bottom:0;} .KOHLER01 .common-con{padding:0 8%;} .KOHLER01 .content {line-height:30px; padding:30px 8% 0;} .KOHLER01 .content .tit{font-size:16px; color:#e70012; font-weight:bold; margin-bottom:5px;} .KOHLER01 .content .con{font-size:14px; color:#4d4d4d; margin-bottom:23px;} .KOHLER02{padding-bottom:0;} .KOHLER02 .rect-5362{padding-bottom:53.62%;} .KOHLER02 .title{font-size:30px; color:#3e3a39; text-align:center; margin-top:30px;} .KOHLER02 .content{margin-top:35px;} .KOHLER02 .content .item{cursor:pointer;} .KOHLER02 .content .item .infor{padding-bottom:8px;} .KOHLER02 .content .item .tit{font-size:20px; color:#747474; line-height:30px; padding:18px 0 6px; text-align:center;border-bottom:3px solid #747474; position:relative;} .KOHLER02 .rect-95{padding-bottom:95%;} .KOHLER02 .content .list{background:#eeefef; margin-top:75px; padding:56px 0 80px;} .KOHLER02 .content .list li{opacity: 0;filter: alpha(opacity=0);height: 0;transition:all ease 1.2s;overflow: hidden;transform:scale(1);} .KOHLER02 .content .li_top{padding-bottom:70px; border-bottom:2px solid #938460;} .KOHLER02 .content .li_top .left{width:38.6%; float:left;} .KOHLER02 .content .li_top .right{width:57%; float:right; padding-top:44px;} .KOHLER02 .li_top .pro_tit{font-size:50px; line-height:1; color:#938460; margin-bottom:22px;} .KOHLER02 .li_top .pro_tit span{font-size:40px; color:#747474; font-family:'Myanmar Text';} .KOHLER02 .li_top .pro_infor .t{font-size:22px; color:#221815; font-weight:bold; padding-bottom:30px;border-bottom:2px solid #231815; width:39%;} .KOHLER02 .li_top .pro_infor .c{color:#231815; font-weight:bold; } .KOHLER02 .li_top .pro_infor .c .page{padding:15px 0 11px; width:39%; border-bottom:1px solid #747474; margin-right:6%;} .KOHLER02 .li_top .pro_infor .c .page_left{float:left;} .KOHLER02 .li_top .pro_infor .c .page_left .num{font-size:30px; line-height:1; margin-bottom:5px;} .KOHLER02 .li_top .pro_infor .c .page_left .num_txt{font-size:15px; color:#938460;} .KOHLER02 .li_top .pro_infor .c .page_right{float:right; font-size:15px; color:#000; padding-top:10px; width:35%; padding-right:5%;} .KOHLER02 .li_top .pro_infor .c .page.page_special .page_right{padding-top:0;} .KOHLER02 .li_top .pro_infor .c .page.page_special .page_left{padding-top:10px;} .KOHLER02 .li_top .pro_infor .c .page_left .cell{padding:0 8px; border-right:1px solid #747474;} .KOHLER02 .li_top .pro_infor .c .page_left .cell:last-child{border-right:none;} /*中间部分*/ .KOHLER02 .content .li_center{padding-bottom:70px; border-bottom:2px solid #938460;} .KOHLER02 .content .li_center .box{padding:0 8% 0 10%;} .KOHLER02 .content .li_center .box .t{font-size:30px; color:#000; padding-top:57px; line-height:1; padding-bottom:25px; border-bottom:2px solid #231815; width:25%;} .KOHLER02 .content .li_center .box .c .center_l{width:25%; float:left;} .KOHLER02 .content .li_center .box .c .center_r{width:60%; float:right; font-size:14px; color:#000; line-height:25px;} /*底部部分*/ .KOHLER02 .content .li_bott{padding-bottom:70px;} .KOHLER02 .content .li_bott .box{padding:0 8% 0 10%;} .KOHLER02 .content .li_bott .box .bott_tit{font-size:30px; color:#1c1c1c; padding-top:57px; margin-bottom:30px;} .KOHLER02 .content .li_bott .box .box_l{width:25%; float:left;} .KOHLER02 .content .li_bott .box .box_r{width:54%; float:right;} .KOHLER02 .content .li_bott .box .t{font-size:25px; line-height:1; color:#000; border-bottom:2px solid #231815; padding-bottom:25px;} /*触控状态*/ .KOHLER02 .content .item.cur .infor .sanjiao{width:9px; height:5px; background:url("../images/later/oil_tech04.png")/*tpa=resources/web/img/later/oil_tech04.png*/ no-repeat; position:absolute; left:50%; margin-left:-4px; bottom:0px;} .KOHLER02 .content .item.cur .tit{color:#e70012;border-color:#e70012;} .KOHLER02 .content .list li.cur{opacity: 1;filter: alpha(opacity=100);height: auto;transform:scale(1);} /*.owl-carousel{touch-action:none;}*/ /*20180806*/ .brand .brand_bd .item a.nolink{cursor:default;} /*补充页面网站地图*/ .web_map li{border-bottom:1px solid #DBDBDB;} .web_map li .li_box{padding:8px 0;} .web_map li .left{width:13%; float:left; padding-left:0.75%; margin-right:2%;} .web_map li .left .txt{background:#ededed; text-align:center; line-height:30px; font-size:15px; color:#404146;} .web_map li .right{width:83%; float:right; font-size:14px; color:#676565; line-height:30px;} .web_map li .right dl{float:left; width:16%;} .web_map li.li3 .right dt{margin-bottom:10px;} .web_map li.li3 .right dd{margin-bottom:10px;} .LNG_station02 li:after{height:200px;} .contact_us02 .content .map_t:first-child span{opacity:0; visibility:hidden; display:none;} .contact_us02 .content .map_t:first-child{opacity:0; visibility:hidden;} .contact_us02 .content .map_t.first span{opacity:0; visibility:hidden; display:none;} .contact_us02 .content .map_t.first{opacity:0; visibility:hidden;} .contact_us02 .content .map_t_box{padding:0 22%;} .common-form .right .r_box input.Validform_error{border-color:#ff0000} .history .tab_c .ul_box .li_t .tit_right li .tit, /*.history .tab_c .ul_box .ul_data .mobile_show .tit{line-height:1.2;}*/ .nav{z-index: 1000} .HSE01 .content .box_bigimg, .HSE03 .content .box_bigimg{z-index: 1001} .web_map li .right dt{ font-weight:bold} /*20180828*/ .about02 li .li_box .icon03{background-position:-111px 0;} .about02 li .li_box .icon02{background-position:-222px 0;} body .mm-menu{z-index: 106;} .nav .stock.down span{color:#008000;} .news_detail .myart em{ font-style: italic!important; } /*20180920*/ /*选中态*/ .energy01 .content li .box_hd.cur{border-bottom:1px solid #d9d9d9;} .energy01 .content .li01 .box_hd.cur .icon{background-position:0 0px;} .energy01 .content .li02 .box_hd.cur .icon{background-position:-38px 0px;} .energy01 .content .li03 .box_hd.cur .icon{background-position:-76px 0px;} .energy01 .content li .box_hd.cur .symbol .sub{display:block;} .energy01 .content li .box_hd.cur .symbol .add{display:none;} .energy01 .content li .box_hd.cur .tit{color:#e70012;} .energy01 .content li .box_bd .t span{font-size:18px; padding:10px 34px;} /*20180926*/ .energy01 .content li .box_bd .t .t_span {font-size: 18px; line-height: 1; padding: 10px 34px; border-bottom: 1px solid #e70012; border-top: 1px solid #e70012; margin-top: 65px; display: inline-block; color: #e70012;} /*20181015*/ .gas_pressure02 .uni_btn_more_wrap{display:none;} /* 20181213 */ .rect-45{padding-bottom: 45%;} .err_404{padding: 130px 0 80px;} .err_404 ._img{width: 70%;margin: 0 auto;} .err_404 ._img .btn_404{position: absolute;width: 150px;left: 20px;bottom: 40px;} .err_404 ._img .btn_404.btn_prev{left: 190px; } @media only screen and (max-width:1240px) { .err_404 ._img{width: 100%;} } @media only screen and (max-width:992px) { .err_404 ._img .btn_404{width: 150px;} .err_404 ._img .btn_404.btn_prev{left: 190px;} } @media only screen and (max-width:760px) { .err_404 ._img .btn_404{bottom: 0;} .err_404 ._img .btn_404{width: 100px;} .err_404 ._img .btn_404.btn_prev{left: 140px;} } .error .pt1 .box{margin-left: 17%;width: 72%;} .error .pt1 .tit{font-size: 150px;line-height: 1;color: #e70012;margin-bottom: 20px;margin-top:130px;} .error .pt1 .tit .ion{width: 127px;height: 113px;display: inline-block;background-image: url("../images/error.jpg")/*tpa=resources/web/img/error.jpg*/;background-repeat: no-repeat;background-position: 0 0;margin-right: 25px;} .error .pt1 .t2{font-size: 43px;line-height: 1;color: #000;margin-bottom: 20px;} .error .pt1 .t3{font-size: 17px;color: #000;margin-bottom: 30px;} .error .pt1 .t3 a{text-decoration: underline;color: #e70012;} .error .pt1 .t4{font-size: 16px;color: #000;margin-bottom: 30px;} .error .pt1 .form{width: 100%;position: relative;margin-bottom: 100px;} .error .pt1 .form .input_t{width: 100%;height: 100%;border: none;outline: 0;border: 1px solid #f2f2f2;height: 58px;line-height: 58px;font-size: 18px;padding: 0;text-indent: 30px;} .error .pt1 .form .submit_b{position: absolute;border: none;outline: 0;padding: 0;margin: 0;width: 122px;height: 50px;line-height: 50px;right: 5px;top: 50%;margin-top: -25px;background-color: #e70012;color: #fff;text-align: center;font-size: 18px;cursor: pointer;transition: all .5s ease;-webkit-transition: all .5s ease;} .error .pt1 .form .submit_b:hover{background-color: #000;} .error .pt1 .form:hover .submit_b{opacity: 1;filter: alpha(opacity=100);} /*20190410 首页弹窗*/ .ipart_box{position:fixed; top:0; left:0; width:100%; height:100%; background:url("../images/black.6.png")/*tpa=resources/web/img/black.6.png*/ center; z-index:1001;*display:none; display:none;} .ipart_box .content{width:491px; position:absolute; left:50%; margin-left:-245px; top:25%;} .ipart_box .content .top_{width:100%; height:386px;} .ipart_box .content .bott_{width:100%; height:200px; position:relative; display: none;} .ipart_box .content .bott_ .countdown{position:absolute; top:-38px; left:50%; margin-left:-240px;} .ipart_box .content .box_close{width:51px; height:51px; background:url("../images/ipart_box03.png")/*tpa=resources/web/img/ipart_box03.png*/ no-repeat center; position:absolute; right:-25px; top:-25px; cursor:pointer;} .ipart_box .content .bott_ a{position:absolute; bottom:37%; right:5%; color:#e70012; font-size:14px;} .ipart_box .content .mobile_img{display:none;} /*20190412补充页面实现*/ /*proDetail_new01*/ /*动画*/ @keyframes boderM { 0% { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.6 } 20% { opacity: 1 } 75% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 1 } 100% { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.9 } } @-webkit-keyframes boderM { 0% { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.6 } 20% { opacity: 1 } 75% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 1 } 100% { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.9 } } @keyframes dot_color { 0% { opacity: 0.8 } 20% { opacity: 0.6 } 75% { opacity: 0.4 } 100% { opacity: 0 } } @-webkit-keyframes dot_color { 0% { opacity: 0.8 } 20% { opacity: 0.6 } 75% { opacity: 0.4 } 100% { opacity: 0 } } /*动画 end*/ .proDetail_new01{height:740px;/* background:url(../img/lujx/proDetail_new01.jpg) no-repeat center;*/ overflow:hidden; position:relative;} .proDetail_new01>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .proDetail_new01 .top_{position:relative; height:740px;} .proDetail_new01 .logo a{display:block;} .proDetail_new01 .title{font-size:44px; color:#f15829; position:absolute; right:7.25%; bottom:10%;} .proDetail_new01 ul{position:absolute; top:0; height:100%; left:50%; margin-left:-960px; width:1920px;} .proDetail_new01 ul li{position:absolute;} .proDetail_new01 ul li .dot{position:relative; width:4px; height:4px; background:#fff; border-radius:50%; -webkit-animation: dot_color 2s infinite;-moz-animation: dot_color 2s infinite;animation: dot_color 2s infinite; cursor:pointer;} .proDetail_new01 ul li .dot:after, .proDetail_new01 ul li .dot:before{content:""; display:block; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;} .proDetail_new01 ul li .dot:after{width:26px; height:26px; background:rgba(255,255,255,0.5); margin-top:-13px; margin-left:-13px; -webkit-animation: boderM 2s infinite;-moz-animation: boderM 2s infinite;animation: boderM 2s infinite;} .proDetail_new01 ul li .dot:before{width:16px; height:16px; background:#fff; margin-left:-8px; margin-top:-8px;-webkit-animation: boderM 2s infinite;-moz-animation: boderM 2s infinite;animation: boderM 2s infinite;} .proDetail_new02{background:url("../images/lujx/proDetail_new03.png")/*tpa=resources/web/img/lujx/proDetail_new03.png*/ no-repeat center; padding:83px 0 69px;} .proDetail_new02 .left{width:59.5%; float:left; position:relative; z-index:2;} .proDetail_new02 .left .infor{margin-top:30px;} .proDetail_new02 .left .infor .tit{font-size:34px; color:#f0692e; line-height:35px; margin-bottom:30px;} .proDetail_new02 .left .infor .con{font-size:14px; color:#666666; line-height:24px;} .proDetail_new02 .left .content{margin-top:70px;} .proDetail_new02 .left .content li{text-align:center; display:inline-block; margin-left:80px; cursor:pointer; position:relative;} .proDetail_new02 .left .content li:first-child{margin-left:20px} .proDetail_new02 .left .content li:after{content:''; width:18px; height:18px; background:url("../images/lujx/proDetail_new05.png")/*tpa=resources/web/img/lujx/proDetail_new05.png*/ no-repeat; position:absolute; left:-50%; top:25%;} .proDetail_new02 .left .content li:first-child:after{display:none;} .proDetail_new02 .left .content li .icon{display:block; width:105px; height:105px; background:url("../images/lujx/proDetail_new04.png")/*tpa=resources/web/img/lujx/proDetail_new04.png*/ no-repeat center; margin:0 auto 14px; transition:all 0.5s ease;} .proDetail_new02 .left .content li .icon01{background-position:0 0;} .proDetail_new02 .left .content li .icon02{background-position:-105px 0;} .proDetail_new02 .left .content li .icon03{background-position:-210px 0;} .proDetail_new02 .left .content li .icon04{background-position:-315px 0;} .proDetail_new02 .left .content li:hover .icon{transform:rotateY(180deg);} .proDetail_new02 .left .content li .txt{font-size:18px; color:#333; font-weight:bold;} .proDetail_new02 .right{width:31%; float:right; cursor:pointer; position:relative;} .proDetail_new02 .right:after{content:''; width:400px; height:128px; background:url("../images/lujx/proDetail_new08.png")/*tpa=resources/web/img/lujx/proDetail_new08.png*/ no-repeat center; position:absolute; right:50%; bottom:18%;} .proDetail_new02 .right:before{content:''; width:400px; height:128px; background:url("../images/lujx/proDetail_new08.png")/*tpa=resources/web/img/lujx/proDetail_new08.png*/ no-repeat center; position:absolute; left:50%; bottom:18%;} .proDetail_new02 .right .rect-120{padding-bottom:120%; z-index:3} .proDetail_new02 .right .play_ico{width:60px; height:60px; background:url("../images/lujx/proDetail_new07.png")/*tpa=resources/web/img/lujx/proDetail_new07.png*/ no-repeat center; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px;} .proDetail_new02 .right .intro{width:80%; position:absolute; left:9%; bottom:5%;} .proDetail_new02 .right .intro .text{font-size:24px; color:#fff;} .proDetail_new03{background:#f3f3f3; padding:100px 0 87px;} .proDetail_new03 .left{width:22%; float:left;} .proDetail_new03 .left li{margin-bottom:65px; position:relative; border-radius:25px; background:transparent; cursor:pointer; outline:none;} .proDetail_new03 .left li .num {display:inline-block; width:45px; height:45px; border-radius:50%; border:1px solid #e70012; font-size:18px; font-family:Arial; color:#e70012; text-align:center; line-height:45px; position:relative; z-index:2; } .proDetail_new03 .left li .num:after {content:''; width:1px; height:66px; background:#e70012; position:absolute; top:100%; left:50%;} .proDetail_new03 .left li:last-child .num:after{display:none;} .proDetail_new03 .left li .txt{display:inline-block; font-size:14px; color:#666; margin-left:20px;} .proDetail_new03 .left li.cur{background:#e70012;} .proDetail_new03 .left li.cur .num{color:#fff;} .proDetail_new03 .left li.cur .txt{color:#fff;} .proDetail_new03 .left li.cur:after {content:''; width:6px; height:11px; background:url("../images/lujx/proDetail_new09.png")/*tpa=resources/web/img/lujx/proDetail_new09.png*/ no-repeat; position:absolute; top:50%; margin-top:-5px; right:21px;} /*右半边公共部分*/ .proDetail_new03 .right{width:75%; float:right; background:#fff; min-height:300px;} .proDetail_new03 .right li{display:none;} .proDetail_new03 .right li.cur{display:block;} .proDetail_new03 .right li .li_box{padding:35px 30px;} .proDetail_new03 .right li .li_box .infor .tit{font-size:24px; color:#333; text-align:center;} .proDetail_new03 .right li .li_box .content{margin-top:65px; overflow:hidden;} .proDetail_new03 .right li .item{margin-bottom:30px;} .proDetail_new03 .right li .item>.t{font-size:20px; font-weight:bold; color:#000; padding-left:70px; position:relative; margin-bottom:22px;} .proDetail_new03 .right li .item >.t:after{content:''; width:66px; height:33px; background:url("../images/lujx/proDetail_new10.png")/*tpa=resources/web/img/lujx/proDetail_new10.png*/ no-repeat; position:absolute; left:0; top:50%; margin-top:-16px;} .proDetail_new03 .right li .item01>.t:after{background-position:0 0;} .proDetail_new03 .right li .item02>.t:after{background-position:0 -33px;} .proDetail_new03 .right li .item03>.t:after{background-position:0 -66px;} .proDetail_new03 .right li .item04>.t:after{background-position:0 -99px;} .proDetail_new03 .right li .item05>.t:after{background-position:0 -132px;} .proDetail_new03 .right li .item >.c .c_left{width:49%; float:left; font-size:14px; color:#4c4c4c; line-height:24px;} .proDetail_new03 .right li .item >.c .c_right{float:right; width:47%} .proDetail_new03 .right li .item >.c .cell{width:47.5%; margin-bottom:25px;} .proDetail_new03 .right li .item >.c .cell.odd{float:left;} .proDetail_new03 .right li .item >.c .cell.even{float:right;} .proDetail_new03 .right li .item >.c .cell .txt{font-size:15px; color:#4c4c4c; padding:14px 0; text-align:center; border-bottom:3px solid #656565;} /*右半边第四个*/ .proDetail_new03 .right li.li04 .item >.c dt{width:50%; float:left; margin-bottom:40px;} .proDetail_new03 .right li.li04 .item >.c dt.dt01, .proDetail_new03 .right li.li04 .item >.c dt.dt03{padding-left:5%; width:45%} .proDetail_new03 .right li.li04 .item >.c dt .icon{width:88px; height:88px; background:url("../images/lujx/proDetail_new13.png")/*tpa=resources/web/img/lujx/proDetail_new13.png*/ no-repeat; display:inline-block; vertical-align:middle; transition:all 0.5s ease;} .proDetail_new03 .right li.li04 .item >.c dt .icon01{background-position:0 0;} .proDetail_new03 .right li.li04 .item >.c dt .icon02{background-position:-88px 0;} .proDetail_new03 .right li.li04 .item >.c dt .icon03{background-position:-176px 0;} .proDetail_new03 .right li.li04 .item >.c dt .icon04{background-position:-264px 0;} .proDetail_new03 .right li.li04 .item >.c dt:hover .icon{transform:rotateY(180deg);} .proDetail_new03 .right li.li04 .item >.c dt .intro{display:inline-block; margin-left:15px; vertical-align:middle; line-height:22px; width:65%;} .proDetail_new03 .right li.li04 .item >.c dt .intro .intro_t{font-size:18px; color:#f15829; margin-bottom:10px;} .proDetail_new03 .right li.li04 .item >.c dt .intro .intro_c{font-size:14px; color:#666666;} /*右半边第五个*/ .proDetail_new03 .right li.li05 .item02 >.c {text-align:center;} .proDetail_new03 .right li.li05 .item02 >.c .img_box{display:inline-block; margin-left:70px;} .proDetail_new03 .right li.li05 .item02 >.c .img_box:first-child{margin-left:0;} .proDetail_new03 .right li.li05 .item02 >.c .img_box .icon{width:128px; height:128px; background:url("../images/lujx/proDetail_new14.jpg")/*tpa=resources/web/img/lujx/proDetail_new14.jpg*/ no-repeat; margin:0 auto;} .proDetail_new03 .right li.li05 .item02 >.c .img_box .icon01{background-position:0 0;} .proDetail_new03 .right li.li05 .item02 >.c .img_box .icon02{background-position:-128px 0;} .proDetail_new03 .right li.li05 .item02 >.c .img_box .icon03{background-position:-256px 0;} .proDetail_new03 .right li.li05 .item02 >.c .img_box .text{font-size:16px; color:#4c4c4c; margin-top:8px} .proDetail_new03 .right li.li05 .item03{float:left; width:100%;} .proDetail_new03 .right li.li05 .item03 .c_tit{font-size:18px; color:#4c4c4c; line-height:22px;} .proDetail_new03 .right li.li05 .item03 .c_con{font-size:14px; color:#4c4c4c; line-height:24px; margin-top:12px;} .proDetail_new03 .right li.li05 .item04{float:right; width:100%;} .proDetail_new03 .right li.li06 .item >.c .c_left{width:100%;} /*底部*/ .proDetail_foot{padding: 25px 0 20px; line-height: 1; background:#323232;} .proDetail_foot .s{font-size: 13px;color: #fff;float: left;} /*20190416调整*/ .proDetail_new01 ul li .dot_txt{font-size:20px; color:#fff; display:inline-block; margin-left:24px; vertical-align:middle; margin-top:15px; opacity:0; visibility:hidden; transition:all 0.5s ease;} .proDetail_new02 .left .content li .txt{color:#4c4c4c; font-size:20px; font-weight:normal;} .proDetail_new03 .right li .li_box .infor .tit{color:#e70012;} .proDetail_new03 .right li .item>.t{color:#747474; font-weight:normal;} .proDetail_new01 .title{color:#fff;} .proDetail_new01 ul li:hover .dot_txt{opacity:1; visibility:visible;} /*20190416 豫耐专题*/ .jrzt_head{height:422px; overflow:hidden; position:relative;} .jrzt_head>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .jrzt_head .content{position:relative;} .jrzt_head .content .jrzt_logo{margin-top:38px; margin-left:31px;} /*第一部分*/ .jrzt_pt{position:relative;} .jrzt_pt .jr_nav{position:absolute; left:0; top:0; width:100%; height:61px;} .jrzt_pt .jr_nav .content{background:url("../images/jrzt_pt1_3.png")/*tpa=resources/web/img/jrzt_pt1_3.png*/ no-repeat center; margin:0 auto; height:61px; width:1049px;} .jrzt_pt .jr_nav .content ul{width:86%; margin:0 auto;/* text-align:center;*/ font-size:0;} .jrzt_pt .jr_nav .content li{display:inline-block; margin-top:15px;} .jrzt_pt .jr_nav .content li a{display:block; font-size:18px; color:#fff; padding:0 30px; position:relative;} .jrzt_pt .jr_nav .content li a:after{content:''; width:1px; height:20px; background:#fff; position:absolute; left:0; top:50%; margin-top:-10px;} .jrzt_pt .jr_nav .content li:first-child a:after{display:none;} /*第一部分*/ .jrzt_pt01{padding:105px 0 50px; overflow:hidden; background:url("../images/jrzt_pt1_1.jpg")/*tpa=resources/web/img/jrzt_pt1_1.jpg*/ no-repeat center;} .jrzt_pt01 .infor{padding:0px 15%; text-align:center;} .jrzt_pt01 .infor .tit{font-size:40px; color:#F33D4A; line-height:50px;} .jrzt_pt01 .infor .tit_ico{width:76px; height:9px; background:url("../images/jrzt_pt1_4.png")/*tpa=resources/web/img/jrzt_pt1_4.png*/ no-repeat center; margin:19px auto 50px;} .jrzt_pt01 .infor .con{font-size:16px; line-height:36px; color:#060606;} /*第二部分*/ .jrzt_pt02 .jrzt_pt02_1{background:url("../images/jrzt_pt1_5.jpg")/*tpa=resources/web/img/jrzt_pt1_5.jpg*/ no-repeat center; padding:40px 0;} .jrzt_pt02 .jrzt_pt02_1 .left{width:41%; float:left;} .jrzt_pt02 .jrzt_pt02_1 .left .infor{padding-left:5%;} .jrzt_pt02 .jrzt_pt02_1 .left .infor .tit{font-size:40px; color:#F33D4A; line-height:50px; text-align:center;} .jrzt_pt02 .jrzt_pt02_1 .left .infor .tit_ico{width:76px; height:9px; background:url("../images/jrzt_pt1_4.png")/*tpa=resources/web/img/jrzt_pt1_4.png*/ no-repeat center; margin:19px auto 50px;} .jrzt_pt02 .jrzt_pt02_1 .left .content{padding-left:5%;} .jrzt_pt02 .jrzt_pt02_1 .left .content li{width:35%; float:left; padding:20px; transition:all 0.5s ease; margin-right:5%;} .jrzt_pt02 .jrzt_pt02_1 .left .content li .icon{display:inline-block; width:88px; height:93px; background:url("../images/jrzt_pt1_6.png")/*tpa=resources/web/img/jrzt_pt1_6.png*/ no-repeat; vertical-align:middle; margin-right:10px;} .jrzt_pt02 .jrzt_pt02_1 .left .content li .icon01{background-position:0 -93px;} .jrzt_pt02 .jrzt_pt02_1 .left .content li .icon02{background-position:-88px -93px;} .jrzt_pt02 .jrzt_pt02_1 .left .content li .icon03{background-position:-176px -93px;} .jrzt_pt02 .jrzt_pt02_1 .left .content li .icon04{background-position:-264px -93px;} .jrzt_pt02 .jrzt_pt02_1 .left .content li.hover .icon01{background-position:0 0;} .jrzt_pt02 .jrzt_pt02_1 .left .content li.hover .icon02{background-position:-88px 0;} .jrzt_pt02 .jrzt_pt02_1 .left .content li.hover .icon03{background-position:-176px 0;} .jrzt_pt02 .jrzt_pt02_1 .left .content li.hover .icon04{background-position:-264px 0;} .jrzt_pt02 .jrzt_pt02_1 .left .content li.hover{background:#F33D4A;} .jrzt_pt02 .jrzt_pt02_1 .left .content li .txt{font-size:26px; color:#F33D4A; display:inline-block; vertical-align:middle;} .jrzt_pt02 .jrzt_pt02_1 .right{width:41.6%; float:right; margin-right:2%; margin-top:50px; cursor:pointer} .jrzt_pt02 .jrzt_pt02_1 .left .content li.hover .txt{color:#fff;} .jrzt_pt02 .jrzt_pt02_1 .right .rect-5868{padding-bottom:58.68%;} .jrzt_pt02 .jrzt_pt02_1 .right .jr_play{width:93px; height:93px; background:url("../images/jrzt_pt1_8.png")/*tpa=resources/web/img/jrzt_pt1_8.png*/ no-repeat center; position:absolute; left:50%; margin-left:-46px; top:50%; margin-top:-42px;} .jrzt_pt02 .jrzt_pt02_1 .right .txt{width:85%; background:#F33D4A; margin:-34px auto 0; line-height:32px; padding:18px 0; font-size:26px; color:#fff; text-align:center; position:relative; z-index:1} .jrzt_pt02 .jrzt_pt02_2{padding:93px 0; background:url("../images/jrzt_pt1_9.jpg")/*tpa=resources/web/img/jrzt_pt1_9.jpg*/ no-repeat center; background-size:cover;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd{height:auto;width:100%;overflow:hidden;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd ul{width:650px; height:455px; margin:0 auto; z-index:30;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li{width:650px; height:455px;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li .list_box{-webkit-transform:scale(0.9); -ms-transform: scale(0.9);-o-transform: scale(0.9); transform:scale(0.9); background:#000;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li .list_box img{opacity:0.5;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li .list_box .list_text{opacity:0.5;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li.roundabout-in-focus .list_box{-webkit-transform:scale(1); -ms-transform:scale(1);-o-transform:scale(1); transform:scale(1);} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li.roundabout-in-focus .list_box img{opacity:1;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .list_box{display:block; color:#fff; position:relative;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .list_text{font-size:20px; color:#060606; font-weight:bold; width:100%; text-align:center; background:#bababa; position:absolute; bottom:0; left:0;/* visibility:hidden; opacity:0;*/ border-bottom:5px solid #F33D4A} .jrzt_pt02 .jrzt_pt02_2 .pt_bd li.roundabout-in-focus .list_text{opacity:1;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .list_text .list_p{padding:20px 4%;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .list_img{width:100%; height:0; padding-bottom:70%; overflow:hidden;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .list_img img{width:100%;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .list_hd{font-size:18px;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .roundabout-in-focus .list_text{visibility:visible; opacity:1;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .arr_btn{position:absolute; width:29px; height:56px; background:url("../images/jrzt_pt1_11.png")/*tpa=resources/web/img/jrzt_pt1_11.png*/ no-repeat; z-index:300; text-align:center; writing-mode:tb-rl;letter-spacing:2px; cursor:pointer; overflow:hidden; font-size:0; top:50%; margin-top:-28px;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .arr_btn.arr_btn_prev{right:130%; background-position:0 0;} .jrzt_pt02 .jrzt_pt02_2 .pt_bd .arr_btn.arr_btn_next{left:130%; background-position:-29px 0;} /*第三部分*/ .jrzt_pt03{background:url("../images/jrzt_pt1_12.jpg")/*tpa=resources/web/img/jrzt_pt1_12.jpg*/ no-repeat center; padding:70px 0;} .jrzt_pt03 .item{display:none;} .jrzt_pt03 .owl-item .item{display:block; padding-bottom:54px;} .jrzt_pt03 .infor{padding:0px 15%; text-align:center;} .jrzt_pt03 .infor .tit{font-size:40px; color:#F33D4A; line-height:50px;} .jrzt_pt03 .infor .tit_ico{width:76px; height:9px; background:url("../images/jrzt_pt1_4.png")/*tpa=resources/web/img/jrzt_pt1_4.png*/ no-repeat center; margin:19px auto 50px;} .jrzt_pt03 .content{position:relative;} .jrzt_pt03 .content li{width:20%; float:left;} .jrzt_pt03 .content li .rect-200{padding-bottom:200%;} .jrzt_pt03 .content li .rect-99{padding-bottom:99%;} /*公共部分*/ .jrzt_pt03 .content li .intro{padding:44px 20px; color:#2a2a2a; text-align:center;} .jrzt_pt03 .content li .intro .t{font-size:16px; margin-bottom:10px;} .jrzt_pt03 .content li .intro .c{font-size:13px; height:60px; overflow:hidden;} .jrzt_pt03 .content li .intro .jr_more{width:59%; height:30px; line-height:30px; background:#fff; border-radius:25px; color:#F33D4A; text-align:center; margin:0 auto; font-size:13px; margin-top:15px;} /*公共部分end*/ .jrzt_pt03 .content li .li_top .jr_title{position:absolute; left:0; bottom:0; background:url("../images/black.6.png")/*tpa=resources/web/img/black.6.png*/ center; width:100%; height:35px; line-height:35px;} .jrzt_pt03 .content li .li_top .jr_title .tit{font-size:15px; color:#fff; text-align:center; padding:0 5%} .jrzt_pt03 .content li .li_top .cover{position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/o80.png")/*tpa=resources/web/img/o80.png*/ center; opacity:0; visibility:hidden; transition:all 0.5s ease;} .jrzt_pt03 .content li .li_top .cover .intro{color:#fff;} .jrzt_pt03 .content li .li_bott{background:#e8e8e8; transition:all 0.5s ease;} .jrzt_pt03 .content li.even .li_top{position:absolute; left:0; bottom:0; width:100%;} .jrzt_pt03 .content li.even .li_bott{position:absolute; left:0; top:0; width:100%;} .jrzt_pt03 .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:-0%; left:0%; width:100%; text-align:center;} .jrzt_pt03 .content .owl-carousel .owl-dot{width:11px; height:11px; border:2px solid #F33D4A; margin:0 13px;border-radius:50%; background:#F33D4A; display:inline-block;} .jrzt_pt03 .content .owl-carousel .owl-dot.active{border-color:#b44318;} .jrzt_pt03 .content li .li_bott:hover{background:#F33D4A} .jrzt_pt03 .content li .li_bott:hover .intro{color:#fff;} .jrzt_pt03 .content li .li_top:hover .cover{opacity:1; visibility:visible;} .jrzt_pt03 .content li .li_top:hover .jr_title{opacity:0; visibility:hidden;} /*第四部分*/ .jrzt_pt04{padding:60px 0; background:url("../images/jrzt_pt1_13.jpg")/*tpa=resources/web/img/jrzt_pt1_13.jpg*/ no-repeat center;} .jrzt_pt04 .infor{padding:0 7% 0 3%} .jrzt_pt04 .infor .tit{font-size:40px; color:#F33D4A; line-height:50px; margin-bottom:35px;} .jrzt_pt04 .content{padding:0 7% 0 3%} .jrzt_pt04 .content .box{position:relative;} .jrzt_pt04 .content .box .img_box{width:83%; float:left; cursor:pointer;} .jrzt_pt04 .content .box .img_box .rect-4632{padding-bottom:46.32%;} .jrzt_pt04 .content .box .img_box .jr_play{width:93px; height:93px; background:url("../images/jrzt_pt1_8.png")/*tpa=resources/web/img/jrzt_pt1_8.png*/ no-repeat center; position:absolute; left:50%; margin-left:-46px; top:50%; margin-top:-42px;} .jrzt_pt04 .content .box .intro_box{width:296px; height:296px; background:url("../images/white90.png")/*tpa=resources/web/img/white90.png*/ center; position:absolute; right:0; top:50%; margin-top:-148px;} .jrzt_pt04 .content .box .intro{padding:50px 20px 30px;} .jrzt_pt04 .content .box .intro .jr_line{width:60px; height:2px; background:#000; margin:0 auto 32px;} .jrzt_pt04 .content .box .intro .c{font-size:15px; color:#000; line-height:26px; text-align:center;} .jrzt_pt04 .content .box .intro .txt{font-size:26px; color:#fff; line-height:32px; padding:18px 0; text-align:center; background:#F33D4A; margin-top:30px; margin-left:-25%;} /*底部*/ .foot{font-size:13px; color:#fff; line-height:22px; padding:20px 0; background:#2c2c2c;} .foot .content{ margin-left:9.25%;} /*右侧导航*/ .jr_right{position:fixed; right:0; bottom:20%; z-index:30} .jr_right .gotop{width:44px; height:62px; background:url("../images/jrzt_pt1_16.png")/*tpa=resources/web/img/jrzt_pt1_16.png*/ no-repeat center;border-bottom:1px solid #fff; cursor:pointer;} .jr_right .jr_gw a{display:block; width:44px; height:59px; background:url("../images/jrzt_pt1_17.png")/*tpa=resources/web/img/jrzt_pt1_17.png*/ no-repeat center;} /*20190416 豫耐专题 end*/ /*20190420*/ .ibanner .owl-nav{margin:0;} .ibanner .owl-nav>div{position:absolute; top:50%; margin-top:-36px;} .ibanner .owl-nav .owl-left{left:0} .ibanner .owl-nav .owl-next{right:0} /*20190423补充后两块内容*/ .jrzt_pt05{background:url("../images/jrzt_pt1_20.jpg")/*tpa=resources/web/img/jrzt_pt1_20.jpg*/ no-repeat; padding:40px 0;} .jrzt_pt05 .infor{padding:0px 15%; text-align:center;} .jrzt_pt05 .infor .tit{font-size:40px; color:#F33D4A; line-height:50px;} .jrzt_pt05 .infor .tit_ico{width:76px; height:9px; background:url("../images/jrzt_pt1_4.png")/*tpa=resources/web/img/jrzt_pt1_4.png*/ no-repeat center; margin:19px auto 50px;} .jrzt_pt05 .content .rect-7326{padding-bottom:73.26%;} .jrzt_pt05 .content .item{display:none; padding-bottom:54px;} .jrzt_pt05 .content .owl-item .item{display:block;} .jrzt_pt05 .content .item .cell{width:22.75%; float:left; margin-left:3%;} .jrzt_pt05 .content .item .cell:first-child{margin-left:0;} .jrzt_pt05 .content .item .cell .intro_box{background:#e8e8e8; transition:all 0.5s ease;} .jrzt_pt05 .content .item .cell .intro_box .intro{padding:15px 73px 15px 30px; color:#000;} .jrzt_pt05 .content .item .cell .intro_box .intro .t{font-size:18px;} .jrzt_pt05 .content .item .cell .intro_box .intro .c{font-size:14px; line-height:24px; height:48px; overflow:hidden;} .jrzt_pt05 .content .item .cell .intro_box .intro .more{width:12px; height:12px; background:url("../images/jrzt_pt1_21.png")/*tpa=resources/web/img/jrzt_pt1_21.png*/ no-repeat; margin-top:10px; background-position:0 0;} .jrzt_pt05 .content .item .cell:hover .intro_box{background:#F33D4A;} .jrzt_pt05 .content .item .cell:hover .intro_box .intro {color:#fff;} .jrzt_pt05 .content .item .cell:hover .intro_box .intro .more{background-position:-12px 0;} .jrzt_pt05 .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:-0%; left:0%; width:100%; text-align:center;} .jrzt_pt05 .content .owl-carousel .owl-dot{width:11px; height:11px; border:2px solid #F33D4A; margin:0 13px;border-radius:50%; background:#F33D4A; display:inline-block;} .jrzt_pt05 .content .owl-carousel .owl-dot.active{border-color:#b44318;} .jrzt_pt06{background:url("../images/jrzt_pt1_18.jpg")/*tpa=resources/web/img/jrzt_pt1_18.jpg*/ no-repeat; padding:40px 0;} .jrzt_pt06 .infor{padding:0px 15%; text-align:center;} .jrzt_pt06 .infor .tit{font-size:40px; color:#F33D4A; line-height:50px;} .jrzt_pt06 .infor .tit_ico{width:76px; height:9px; background:url("../images/jrzt_pt1_4.png")/*tpa=resources/web/img/jrzt_pt1_4.png*/ no-repeat center; margin:19px auto 50px;} .jrzt_pt06 .content .rect-140{padding-bottom:140%;} .jrzt_pt06 .content .rect-1114{padding-bottom:111.4%;} .jrzt_pt06 .content .rect-285{padding-bottom:28.5%;} .jrzt_pt06 .content .rect-6667{padding-bottom:66.67%;} .jrzt_pt06 .content .normal_box .left {cursor:pointer;} .jrzt_pt06 .content .normal_box .left .img_box .play_ico{width:93px; height:93px; background:url("../images/jrzt_pt1_8.png")/*tpa=resources/web/img/jrzt_pt1_8.png*/ no-repeat center; position:absolute; left:50%; margin-left:-46px; top:50%; margin-top:-42px;} .jrzt_pt06 .content .normal_box .left .intro_box{background:#fff;} .jrzt_pt06 .content .normal_box .left .intro_box .txt{padding:20px; color:#010101; font-size:16px; line-height:28px; height:56px; overflow:hidden;} .jrzt_pt06 .content .normal_box .right .item{cursor:pointer; margin-bottom:27px; width:49%; margin-right:1.5%; float:left;} .jrzt_pt06 .content .normal_box .right .item02, .jrzt_pt06 .content .normal_box .right .item04{margin-right:0; margin-bottom:25px;} .jrzt_pt06 .content .jr_btn{width:12%; height:40px; line-height:40px; color:#000; font-size:16px; background:#fff; cursor:pointer; margin:0 auto 25px;} .jrzt_pt06 .content .jr_btn .jr_ico{width:15px; height:14px; background:url("../images/jrzt_pt1_19.png")/*tpa=resources/web/img/jrzt_pt1_19.png*/ no-repeat center; display:inline-block; vertical-align:middle; margin-right:5px; margin-left:20%;} .jrzt_pt06 .content .jr_btn .span{display:inline-block; vertical-align:middle;} .jrzt_pt06 .content .jr_xiala{height:0; overflow:hidden;} .jrzt_pt06 .content .jr_xiala .cell{margin-bottom:25px; cursor:pointer;} .normal_hook .album_ordinary .album_close{background:#F33D4A;} .cell_hook .album_ordinary .album_close{background:#F33D4A;} /*20190505*/ .energy01 .content li.cur .box_hd{border-bottom:1px solid #d9d9d9;} .energy01 .content .li01.cur .box_hd .icon{background-position:0 0px;} .energy01 .content .li02.cur .box_hd .icon{background-position:-38px 0px;} .energy01 .content .li03.cur .box_hd .icon{background-position:-76px 0px;} .energy01 .content li.cur .box_hd.symbol .sub{display:block;} .energy01 .content li.cur .box_hd.symbol .add{display:none;} .energy01 .content li.cur .box_hd.tit{color:#e70012;} /*20190507*/ .jrzt_pt05 .content .rect-7326{padding-bottom:56.25%;} .jrzt_pt05 .content .item .cell .intro_box .intro{padding:15px 12px 15px 15px;} /*20200423*/ .sdqjc {margin: 30px auto;} .sdqjc .left {width: 27%;float: left; display: none;} .sdqjc .rect-95 {padding-bottom: 75%;} .sdqjc .right {width: 100%;float: right;} .sdqjc .right dt {font-size: 18px;color: #e70012;margin-bottom: 12px;} .sdqjc .right dl.dl01 dd {padding-right: 0px;overflow: hidden;} .sdqjc .right dl.dl01 dt{font-size: 25px;} .sdqjc .right dl.dl001 dd {padding-right: 0px;overflow: hidden;} .sdqjc .right dd {font-size: 14px;color: #4d4d4d;position: relative;line-height: 30px;} .sdqjc .right dl.dl001{ margin-bottom: 30px } .sdqjc .right dl.dl01{ position: relative;width: 30%;float: left; text-align: center;} .sdqjc01 {margin: 30px auto; background:url("../images/bj.jpg")/*tpa=resources/web/img/bj.jpg*/; padding: 50px; position: relative;} .sdqjc01 .left {width: 41%;float: right;position: absolute;padding-left: 50%;} .sdqjc01 .rect-95 {padding-bottom: 70%; display: none} .sdqjc01 .right {width: 80%;float: left;} .sdqjc01 .right dt {font-size: 16px;color: #e70012;margin-bottom: 2px;} .sdqjc01 .right dl.dl001 dd {padding-right: 60px;overflow: hidden;} .sdqjc01 .right dd {font-size: 14px;color: #4d4d4d;position: relative;} .sdqjc01 .right dl.dl001{ margin-bottom: 12px } .sdqjc02{font-size: 22px;color: #e70012;margin-bottom: 12px;} /*20200423*/ /* 20200804 */ .common-form .right .r_box .form_in{position:relative;} .common-form .right .r_box .form_in .Validform_checktip{position:absolute; right:42px; top:10px; font-size:14px;} .common-form .right .r_box .form_in select{padding:13px 0 11px; width:89%; text-indent:15px; font-size:14px; border:1px solid #cccccc; background:transparent;} /*分页*/ .page_box1{text-align: center;margin:0 auto; width: 100%;} .page_box1 li{float: left;margin-right: 8px;} .page_box1 li:nth-last-of-type(1){margin-right: 0;} .page_box1 li img{margin-bottom: 5px;} .page_box1 li a,.page_box1 li span{display: inline-block;width: 40px;height: 34px; text-align: center;line-height: 34px;color:#6f6f6f;background: #eeeeee; transition: all 0.5s;font-size:14px;border: 1px solid transparent;padding: 0;} .page_box1 li.active a,.page_box1 li:hover a{border: 1px solid #4e4e4e;} @media (max-width:355px) { .page_box1 li a{width: 34px;} } /*新增*/ .rect1-5529{ padding-bottom: 66.31%; position: relative; display: block; width: 100%; height: 0; } ._full1{ position: absolute; left: 0; top: 0; width: 100%; }